dojox
Version:
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.
107 lines (102 loc) • 6.74 kB
HTML
<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>