Greetings, It seems like getting my layout right it's a hard thing using css. I'd Like to get a set of controls like the ones in this Application or Gmail, which are positioned in the Upper right corner one after the other. I don't know what I'm doing wrong, but I'm close to get the desired result. Here's the code I'm trying to get to work:
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent";> <ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder" xmlns:g="urn:import:com.google.gwt.user.client.ui"> <ui:style> .important { font-weight: bold; } </ui:style> <g:DockLayoutPanel unit='PX'> <g:north size="50" width="100%"> <g:HorizontalPanel styleName="controlsBarHolder"> <g:Label ui:field="userNameLabel" /> <g:Button ui:field="deleteButton" text="Delete this Group" /> </g:HorizontalPanel> </g:north> <g:center> <g:VerticalPanel> <g:Label styleName="{style.important}" ui:field="groupNameLabel" / > <g:HTMLPanel> <p> <g:Label ui:field="groupDescLabel" /> </p> </g:HTMLPanel> </g:VerticalPanel> </g:center> <g:east size="300"> <g:VerticalPanel> <g:Label styleName="{style.important}">Members</g:Label> <g:Grid ui:field="membersGrid" /> </g:VerticalPanel> </g:east> </g:DockLayoutPanel> </ui:UiBinder> -------------------------------------------------------------------------------------------------------------------------------------------- Here's the Rule I'm using, which is in the Global CSS file: .controlsBarHolder { float: right; width: 100%; } I want userNameLabel and deleteButton floating to the right. So far the Button floats but to the middle of the <g:north> panel and userNameLabel stays at the same position. What am I doing wrong ? Please Help Me ! -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
