28 lines
1.1 KiB
HTML
28 lines
1.1 KiB
HTML
<div class="view mblView">
|
|
<h2>Here is the Tab Bar. You can put it in any place.</h2>
|
|
<div>
|
|
<div class="label">
|
|
<div dojoType="dojox.mobile.View" selected="true">
|
|
<div class="tabContent"><span>You can place the tab bar content view in any place.</span></div>
|
|
</div>
|
|
<div dojoType="dojox.mobile.View">
|
|
<div class="tabContent"><span>Tab 1</span></div>
|
|
</div>
|
|
<div dojoType="dojox.mobile.View">
|
|
<div class="tabContent"><span>Tab 2</span></div>
|
|
</div>
|
|
<div dojoType="dojox.mobile.View">
|
|
<div class="tabContent"><span>Tab 3</span></div>
|
|
</div>
|
|
</div>
|
|
<ul dojoType="dojox.mobile.TabBar" single="true" iconBase="images/tab/toolbar_all_30.png">
|
|
<li dojotype="dojox.mobile.TabBarButton" moveTo="tabView1" iconPos1="0,0,30,30"
|
|
iconPos2="30,0,30,30"/>
|
|
<li dojotype="dojox.mobile.TabBarButton" moveTo="tabView2" iconPos1="60,0,30,30"
|
|
iconPos2="90,0,30,30"/>
|
|
<li dojotype="dojox.mobile.TabBarButton" moveTo="tabView3" iconPos1="120,0,30,30"
|
|
iconPos2="150,0,30,30"/>
|
|
</ul>
|
|
</div>
|
|
</div>
|