<mvc:View
	controllerName="sap.m.sample.SplitApp.C"
	xmlns="sap.m"
	xmlns:mvc="sap.ui.core.mvc"
	xmlns:custom="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1">
	<SplitApp
		id="SplitAppDemo"
		initialDetail="detail"
		initialMaster="master">
		<detailPages>
			<Page
				id="detail"
				title="Detail 1"
				backgroundDesign= "Solid">
				<Label text="Detail page 1" />
				<Button text="Go to Detail page2" press=".onPressNavToDetail" />
			</Page>
			<Page
				id="detailDetail"
				title="Detail Detail"
				backgroundDesign= "Solid"
				showNavButton="true"
				navButtonPress=".onPressDetailBack">
				<VBox class="sapUiSmallMargin">
					<Label text="This is Detail Page2" />
					<Text text="Here you could change the Split Application mode. After the mode change, resize the browser window to see the difference in the master form behaviour." />
					<RadioButtonGroup columns="1" width="500px" class="sapUiMediumMarginBottom" select=".onPressModeBtn">
						<RadioButton id="RB1-1" text="show/hide" selected="true" custom:splitAppMode="ShowHideMode" />
						<RadioButton id="RB1-2" text="stretch/compress" custom:splitAppMode="StretchCompressMode" />
						<RadioButton id="RB1-3" text="hide" custom:splitAppMode="HideMode" />
						<RadioButton id="RB1-4" text="popover" custom:splitAppMode="PopoverMode" />
					</RadioButtonGroup>
				</VBox>
			</Page>
			<Page
				id="detail2"
				title="Detail 3 Page"
				backgroundDesign= "Solid"
				showNavButton="true"
				navButtonPress=".onPressDetailBack">
				<Label text="This is Detail Page3" />
				<Input/>
				<Label text="Label 2" />
				<Input/>
				<Label text="Label 3" />
				<Input/>
				<Label text="Label 4" />
				<Input/>
				<Label text="Label 5" />
				<Input/>
			</Page>
		</detailPages>
		<masterPages>
			<Page
				id="master"
				title="Master 1"
				backgroundDesign= "List">
				<List>
					<StandardListItem title="To Master2" type="Navigation" press=".onPressGoToMaster" />
				</List>
			</Page>
			<Page
				id="master2"
				title="Master 2"
				backgroundDesign="List"
				showNavButton="true"
				navButtonPress=".onPressMasterBack">
				<List itemPress=".onListItemPress">
					<items>
						<StandardListItem title="To Detail 1" type="Active" custom:to="detail" />
						<StandardListItem title="To Detail 2" type="Active" custom:to="detailDetail" />
						<StandardListItem title="To Detail 3" type="Active" custom:to="detail2" />
					</items>
				</List>
			</Page>
		</masterPages>
	</SplitApp>
</mvc:View>