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:ms="urn:import:de.swm.commons.mobile.client.widgets.scroll">
	<ui:style>
		.modify {
			-webkit-box-orient: vertical !important;
			-webkit-box-align: start !important;		
		}
	</ui:style>
	<g:HTMLPanel>
		<m:HeaderPanel ui:field="header" leftButton="Back">
			<m:OnlyDesktopLabel>Radio Button</m:OnlyDesktopLabel>
		</m:HeaderPanel>
		<ms:ScrollPanel>
			<m:ListPanel selectable="false">
				<m:ListItem styleName="{style.modify}">
					<g:Label>Horizontal</g:Label>
					<m:RadioButtonGroup name="phone1" vertical="false" ui:field="radiogroup1">
						<m:RadioButton>iPhone</m:RadioButton>
						<m:RadioButton>Android</m:RadioButton>
						<m:RadioButton>BlackBerry</m:RadioButton>
						<m:RadioButton>WP7</m:RadioButton>
					</m:RadioButtonGroup>
				</m:ListItem>
				<m:ListItem styleName="{style.modify}">
					<g:Label>Vertical</g:Label>
					<m:RadioButtonGroup name="phone2" ui:field="radiogroup2">
						<m:RadioButton>iPhone</m:RadioButton>
						<m:RadioButton>Android</m:RadioButton>
						<m:RadioButton>BlackBerry</m:RadioButton>
						<m:RadioButton>WP7</m:RadioButton>
					</m:RadioButtonGroup>
				</m:ListItem>
			</m:ListPanel>			
		</ms:ScrollPanel>
	</g:HTMLPanel>	
</ui:UiBinder>