<!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" xmlns:gxt="urn:import:com.sencha.gxt.widget.core.client" xmlns:container="urn:import:com.sencha.gxt.widget.core.client.container"> <ui:style> .border { border: 1px solid #99BBE8; } </ui:style> <ui:with type="com.sencha.gxt.core.client.util.Margins" field="sideMargins"> <ui:attributes top="4" right="4" bottom="4" left="4" /> </ui:with> <ui:with type="com.sencha.gxt.core.client.util.Margins" field="centerMargins"> <ui:attributes top="4" right="0" bottom="4" left="0" /> </ui:with> <ui:with type="com.sencha.gxt.widget.core.client.container.HorizontalLayoutContainer.HorizontalLayoutData" field="centerLayoutData"> <ui:attributes width="1" height="1" margins="{centerMargins}" /> </ui:with> <ui:with type="com.sencha.gxt.widget.core.client.container.HorizontalLayoutContainer.HorizontalLayoutData" field="sideLayoutData"> <ui:attributes width="-1" height="1" margins="{sideMargins}" /> </ui:with> <g:VerticalPanel spacing="10"> <gxt:FramedPanel headingText="HorizontalLayout Example" pixelSize="400, 300" collapsible="true"> <container:HorizontalLayoutContainer> <container:child layoutData="{sideLayoutData}"> <g:Label text="Test Label 1" addStyleNames="pad-text, white-bg, {style.border}" /> </container:child> <container:child layoutData="{centerLayoutData}"> <g:Label text="Test Label 2" addStyleNames="pad-text, white-bg, {style.border}" /> </container:child> <container:child layoutData="{sideLayoutData}"> <g:Label text="Test Label 3" addStyleNames="pad-text, white-bg, {style.border}" /> </container:child> </container:HorizontalLayoutContainer> </gxt:FramedPanel> </g:VerticalPanel> </ui:UiBinder>