dojox/app/tests/multiSceneApp/templates/simple/main.html

Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.

<div style="background:#c5ccd3;width: 100%; height: 100%;"  class="view mblView"> 
	<div dojoType="dojox.mobile.RoundRect" shadow="true">
	  This is the content of the main scene. Use the buttons in each scene to move between
	  the multiple scenes, or views, contained in the app.
	</div>
	<ul dojoType="dojox.mobile.RoundRectList" iconBase="../images/i-icon-all.png">
		<h2 dojoType="dojox.mobile.EdgeToEdgeCategory">Main Scene Views</h2>

		<li dojoType="dojox.mobile.ListItem" iconPos="0,0,29,29" clickable="false">
			Main Scene::Main View (Current View)
		</li>
		<li dojoType="dojox.mobile.ListItem" iconPos="0,0,29,29"  clickable="true" transitionOptions='{title:"Main Scene::SecondView",target:"main,second",url: "#main,second"}'>
			Main Scene::Second View
		</li>
		<li dojoType="dojox.mobile.ListItem" iconPos="0,0,29,29"  clickable="true" transitionOptions='{title:"Main Scene::ThirdView",target:"main,third",url: "#main,third"}'>
			Main Scene::Third View
		</li>
	</ul>

	<ul dojoType="dojox.mobile.RoundRectList" iconBase="../images/i-icon-all.png">
		<h2 dojoType="dojox.mobile.EdgeToEdgeCategory">Tab Scene Views</h2>
		<li dojoType="dojox.mobile.ListItem" iconPos="0,0,29,29" 
			clickable="true" transitionOptions='{title:"TabScene - Tab1",target:"tabscene,tab1",url: "#tabscene,tab1"}'>
			Tab Scene	
		</li>
	</ul>
</div>