UNPKG

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
<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>