<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent"> <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' xmlns:gxt="urn:import:com.sencha.gxt.widget.core.client" xmlns:container="urn:import:com.sencha.gxt.widget.core.client.container" xmlns:g="urn:import:com.google.gwt.user.client.ui" xmlns:b="urn:import:com.sencha.gxt.widget.core.client.button"> <ui:style> .text { font-size: 11px } </ui:style> <g:VerticalPanel spacing="10"> <gxt:FramedPanel ui:field="panel" pixelSize="400, 100" headingText="CardLayout Example"> <container:CardLayoutContainer ui:field="layout"> <g:Label text="This is the contents for card: 1" styleName="{style.text}" /> <g:Label text="This is the contents for card: 2" styleName="{style.text}" /> <g:Label text="This is the contents for card: 3" styleName="{style.text}" /> <g:Label text="This is the contents for card: 4" styleName="{style.text}" /> </container:CardLayoutContainer> <gxt:button> <b:TextButton ui:field="card1Button" text="Card 1" /> </gxt:button> <gxt:button> <b:TextButton ui:field="card2Button" text="Card 2" /> </gxt:button> <gxt:button> <b:TextButton ui:field="card3Button" text="Card 3" /> </gxt:button> <gxt:button> <b:TextButton ui:field="card4Button" text="Card 4" /> </gxt:button> </gxt:FramedPanel> </g:VerticalPanel> </ui:UiBinder>