<div class="view mblView">
	<div data-dojo-type="dojox/mobile/ScrollableView">
<!--
			<div data-dojo-type="dojox/mobile/Heading" data-dojo-props='fixed:"top", data-app-constraint="top",
-->
		<h1 data-dojo-type="dojox/mobile/Heading" data-dojo-props='fixed:"top", 
							label:"Mobile Scrollable Test."'>
			<span id="mli1back" data-dojo-type="dojox/mobile/ToolBarButton" arrow="left" 
			data-dojo-props="target: 'configuration', url: '#configuration', transitionDir: -1">Back</span>
		</h1>

		<h2 data-dojo-type="dojox/mobile/RoundRectCategory">Transition Effects</h2>

		<div data-dojo-type="dojox/mobile/RoundRect">
			header: Mobile Scrollable Test<br>
			footer: application-footer<br>
			scrollDir: vertical with 27 items
		</div>

		<ul data-dojo-type="dojox/mobile/RoundRectList">
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-1.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"slide"'>
				Slide 1
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-2.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"flip"'>
				Flip 2
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-3.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"fade"'>
				Fade 3
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-4.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"slide"'>
				Slide 4
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-5.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"flip"'>
				Flip 5
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-6.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"fade"'>
				Fade 6
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-7.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"slide"'>
				Slide 7
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-8.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"flip"'>
				Flip 8
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-9.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"fade"'>
				Fade 9
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-1.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"slide"'>
				Slide 10
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-2.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"flip"'>
				Flip 11
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-3.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"fade"'>
				Fade 12
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-4.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"slide"'>
				Slide 13
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-5.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"flip"'>
				Flip 14
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-6.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"fade"'>
				Fade 15
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-7.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"slide"'>
				Slide 16
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-8.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"flip"'>
				Flip 17
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-9.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"fade"'>
				Fade 18
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-7.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"slide"'>
				Slide 19
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-8.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"flip"'>
				Flip 20
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-9.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"fade"'>
				Fade 21
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-7.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"slide"'>
				Slide 22
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-8.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"flip"'>
				Flip 23
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-9.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"fade"'>
				Fade 24
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-7.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"slide"'>
				Slide 25
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-8.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"flip"'>
				Flip 26
			</li>
			<li data-dojo-type="dojox/mobile/ListItem" data-dojo-props='icon:"../../../mobile/tests/images/i-icon-9.png", target: "ListItemDomButtons2", url: "#ListItemDomButtons2", transition:"fade"'>
				Fade 27
			</li>
		</ul>
	</div>
	<h1 data-dojo-type="dojox/mobile/Heading" data-dojo-props='fixed:"bottom"' style="border-bottom:none;">Application Footer Bar</h1>

</div>
