XML Template (GWT UI Binder)

<!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:m="urn:import:de.swm.commons.mobile.client.widgets"
	xmlns:mt="urn:import:de.swm.commons.mobile.client.widgets.toolbar">
	<ui:style>
	</ui:style>
	
	<ui:with field='icon' type='de.swm.mobile.kitchensink.client.theme.icon.IconResources'/>
	
	<g:HTMLPanel>
		<m:HeaderPanel ui:field="header" leftButton="Back">
			<m:OnlyDesktopLabel>Toolbar Panel</m:OnlyDesktopLabel>
		</m:HeaderPanel>
		<mt:ToolbarPanel indexToSelectOnInit="0" ui:field="toolbar">
			<mt:ToolbarElement>
				<mt:ToolbarHeader headerText='Item 1' headerImage='{icon.tab0}' highlightImage='{icon.tab0selected}' />
				<mt:ToolbarContent>
					<g:HTMLPanel styleName="Toolbar-Content">
						<g:Label>Tab1 Content</g:Label>
					</g:HTMLPanel>
				</mt:ToolbarContent>
			</mt:ToolbarElement>
			<mt:ToolbarElement>
				<mt:ToolbarHeader headerText='Item 2' headerImage='{icon.tab1}' highlightImage='{icon.tab1selected}' />
				<mt:ToolbarContent>
					<g:HTMLPanel styleName="Toolbar-Content">
						<g:Label>Tab2 Content</g:Label>
					</g:HTMLPanel>
				</mt:ToolbarContent>
			</mt:ToolbarElement>
			<mt:ToolbarElement>
				<mt:ToolbarHeader headerText='Item 3' headerImage='{icon.tab2}' highlightImage='{icon.tab2selected}' />
				<mt:ToolbarContent>
					<g:HTMLPanel styleName="Toolbar-Content">
						<g:Label>Tab3 Content</g:Label>
					</g:HTMLPanel>
				</mt:ToolbarContent>
			</mt:ToolbarElement>
		</mt:ToolbarPanel>
	</g:HTMLPanel>	
</ui:UiBinder>