| 1 | <!DOCTYPE html> |
|---|
| 2 | <html> |
|---|
| 3 | <head> |
|---|
| 4 | <meta http-equiv="Content-type" content="text/html; charset=utf-8"/> |
|---|
| 5 | <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/> |
|---|
| 6 | <meta name="apple-mobile-web-app-capable" content="yes"/> |
|---|
| 7 | <title>ScrollableView demo</title> |
|---|
| 8 | |
|---|
| 9 | <script type="text/javascript" src="../deviceTheme.js" data-dojo-config="mblThemeFiles: ['base','TabBar']"></script> |
|---|
| 10 | <script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="async: true, parseOnLoad: true, mblAlwaysHideAddressBar: true"></script> |
|---|
| 11 | |
|---|
| 12 | <script type="text/javascript"> |
|---|
| 13 | require([ |
|---|
| 14 | "dojox/mobile/parser", |
|---|
| 15 | "dojox/mobile", |
|---|
| 16 | "dojox/mobile/compat", |
|---|
| 17 | "dojox/mobile/ScrollableView", |
|---|
| 18 | "dojox/mobile/TabBar" |
|---|
| 19 | ]); |
|---|
| 20 | </script> |
|---|
| 21 | |
|---|
| 22 | <style> |
|---|
| 23 | html,body{ |
|---|
| 24 | height: 100%; |
|---|
| 25 | overflow: hidden; |
|---|
| 26 | } |
|---|
| 27 | .list1 li{ |
|---|
| 28 | border-style: solid; |
|---|
| 29 | border-width: 1px 0px 1px 0px; |
|---|
| 30 | border-top-color: #BABABC; |
|---|
| 31 | border-bottom-color: #89898C; |
|---|
| 32 | background-color: #ACACAF; |
|---|
| 33 | line-height: 0px; |
|---|
| 34 | } |
|---|
| 35 | .list1 li table{ |
|---|
| 36 | line-height: normal; |
|---|
| 37 | } |
|---|
| 38 | .list1 li:nth-child(even){ |
|---|
| 39 | background-color: #97979B; |
|---|
| 40 | } |
|---|
| 41 | #list2 li:nth-child(even){ |
|---|
| 42 | background-color: #eeeeee; |
|---|
| 43 | } |
|---|
| 44 | #categ1 { |
|---|
| 45 | font-size: 18px; |
|---|
| 46 | } |
|---|
| 47 | #categ1 li{ |
|---|
| 48 | line-height: 70px; |
|---|
| 49 | } |
|---|
| 50 | .lnk { |
|---|
| 51 | font-size: 14px; |
|---|
| 52 | color: #0B5199; |
|---|
| 53 | text-decoration: none; |
|---|
| 54 | } |
|---|
| 55 | .content { |
|---|
| 56 | padding:0px 10px; |
|---|
| 57 | background-color: white; |
|---|
| 58 | } |
|---|
| 59 | p { |
|---|
| 60 | font-family: Helvetica; |
|---|
| 61 | font-size: 12px; |
|---|
| 62 | } |
|---|
| 63 | .title { |
|---|
| 64 | color: blue; |
|---|
| 65 | margin-bottom: 4px; |
|---|
| 66 | } |
|---|
| 67 | .subtitle { |
|---|
| 68 | font-style: italic; |
|---|
| 69 | color: gray; |
|---|
| 70 | margin: 0px; |
|---|
| 71 | margin-bottom: 4px; |
|---|
| 72 | } |
|---|
| 73 | .subsubtitle { |
|---|
| 74 | margin: 16px 0px 0px 0px; |
|---|
| 75 | } |
|---|
| 76 | .lst { |
|---|
| 77 | margin: 0px; |
|---|
| 78 | padding: 0px 14px; |
|---|
| 79 | } |
|---|
| 80 | .lst li { |
|---|
| 81 | font-family: Helvetica; |
|---|
| 82 | font-size: 12px; |
|---|
| 83 | margin: 0px; |
|---|
| 84 | list-style-type: square; |
|---|
| 85 | } |
|---|
| 86 | .iphone_theme .mblTabBarSegmentedControl .mblTabBarButtonIconArea { |
|---|
| 87 | display: none; |
|---|
| 88 | } |
|---|
| 89 | </style> |
|---|
| 90 | </head> |
|---|
| 91 | <body style="visibility:hidden;"> |
|---|
| 92 | <div id="group1" data-dojo-type="dojox.mobile.View" data-dojo-props='keepScrollPos:false'><!-- keepScrollPos=false is to improve performance --> |
|---|
| 93 | <ul data-dojo-type="dojox.mobile.TabBar" data-dojo-props='barType:{"iphone_theme":"segmentedControl","*":"tallTab"}, fixed:"top"'> |
|---|
| 94 | <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props='icon1:"images/tab-icon-16.png", icon2:"images/tab-icon-16h.png", moveTo:"view1", selected:true'>New</li> |
|---|
| 95 | <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props='icon1:"images/tab-icon-15.png", icon2:"images/tab-icon-15h.png", moveTo:"view2"'>What's Hot</li> |
|---|
| 96 | <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props='icon1:"images/tab-icon-10.png", icon2:"images/tab-icon-10h.png", moveTo:"view3"'>Genius</li> |
|---|
| 97 | </ul> |
|---|
| 98 | |
|---|
| 99 | <div id="view1" data-dojo-type="dojox.mobile.ScrollableView"> |
|---|
| 100 | <ul data-dojo-type="dojox.mobile.EdgeToEdgeList" class="list1"> |
|---|
| 101 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 102 | <table> |
|---|
| 103 | <tbody> |
|---|
| 104 | <tr> |
|---|
| 105 | <td> |
|---|
| 106 | <img alt="" src="images/icon-1.png"> |
|---|
| 107 | </td> |
|---|
| 108 | <td> |
|---|
| 109 | <a class="lnk" href="#">Dojo: Traditional Karate-do Spirit</a><br> |
|---|
| 110 | Sarah Connor Hardcover<br> |
|---|
| 111 | Eligible for FREE Super Saver Shipping |
|---|
| 112 | </td> |
|---|
| 113 | </tr> |
|---|
| 114 | </tbody> |
|---|
| 115 | </table> |
|---|
| 116 | </li> |
|---|
| 117 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 118 | <table> |
|---|
| 119 | <tbody> |
|---|
| 120 | <tr> |
|---|
| 121 | <td> |
|---|
| 122 | <img alt="" src="images/icon-1.png"> |
|---|
| 123 | </td> |
|---|
| 124 | <td> |
|---|
| 125 | <a class="lnk" href="#">Japanese Martial Arts Dojo</a><br> |
|---|
| 126 | Martin Parker Hardcover<br> |
|---|
| 127 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 128 | </td> |
|---|
| 129 | </tr> |
|---|
| 130 | </tbody> |
|---|
| 131 | </table> |
|---|
| 132 | </li> |
|---|
| 133 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 134 | <table> |
|---|
| 135 | <tbody> |
|---|
| 136 | <tr> |
|---|
| 137 | <td> |
|---|
| 138 | <img alt="" src="images/icon-1.png"> |
|---|
| 139 | </td> |
|---|
| 140 | <td> |
|---|
| 141 | <a class="lnk" href="#">Total Solar Eclipse</a><br> |
|---|
| 142 | Steven Young Hardcover<br> |
|---|
| 143 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 144 | </td> |
|---|
| 145 | </tr> |
|---|
| 146 | </tbody> |
|---|
| 147 | </table> |
|---|
| 148 | </li> |
|---|
| 149 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 150 | <table> |
|---|
| 151 | <tbody> |
|---|
| 152 | <tr> |
|---|
| 153 | <td> |
|---|
| 154 | <img alt="" src="images/icon-1.png"> |
|---|
| 155 | </td> |
|---|
| 156 | <td> |
|---|
| 157 | <a class="lnk" href="#">The History of Java Coffee</a><br> |
|---|
| 158 | Marco Rodriguez Hardcover<br> |
|---|
| 159 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 160 | </td> |
|---|
| 161 | </tr> |
|---|
| 162 | </tbody> |
|---|
| 163 | </table> |
|---|
| 164 | </li> |
|---|
| 165 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 166 | <table> |
|---|
| 167 | <tbody> |
|---|
| 168 | <tr> |
|---|
| 169 | <td> |
|---|
| 170 | <img alt="" src="images/icon-1.png"> |
|---|
| 171 | </td> |
|---|
| 172 | <td> |
|---|
| 173 | <a class="lnk" href="#">The Principles of Spider's Web</a><br> |
|---|
| 174 | Melissa Morgan Hardcover<br> |
|---|
| 175 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 176 | </td> |
|---|
| 177 | </tr> |
|---|
| 178 | </tbody> |
|---|
| 179 | </table> |
|---|
| 180 | </li> |
|---|
| 181 | </ul> |
|---|
| 182 | </div> |
|---|
| 183 | |
|---|
| 184 | <div id="view2" data-dojo-type="dojox.mobile.ScrollableView"> |
|---|
| 185 | <ul data-dojo-type="dojox.mobile.EdgeToEdgeList" id="list2"> |
|---|
| 186 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 187 | <table> |
|---|
| 188 | <tbody> |
|---|
| 189 | <tr> |
|---|
| 190 | <td> |
|---|
| 191 | <img alt="" src="images/a-icon-2-41x41.png"> |
|---|
| 192 | </td> |
|---|
| 193 | <td> |
|---|
| 194 | <a class="lnk" href="#">The Principles of Spider's Web</a><br> |
|---|
| 195 | Melissa Morgan Hardcover<br> |
|---|
| 196 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 197 | </td> |
|---|
| 198 | </tr> |
|---|
| 199 | </tbody> |
|---|
| 200 | </table> |
|---|
| 201 | </li> |
|---|
| 202 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 203 | <table> |
|---|
| 204 | <tbody> |
|---|
| 205 | <tr> |
|---|
| 206 | <td> |
|---|
| 207 | <img alt="" src="images/a-icon-2-41x41.png"> |
|---|
| 208 | </td> |
|---|
| 209 | <td> |
|---|
| 210 | <a class="lnk" href="#">The History of Java Coffee</a><br> |
|---|
| 211 | Marco Rodriguez Hardcover<br> |
|---|
| 212 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 213 | </td> |
|---|
| 214 | </tr> |
|---|
| 215 | </tbody> |
|---|
| 216 | </table> |
|---|
| 217 | </li> |
|---|
| 218 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 219 | <table> |
|---|
| 220 | <tbody> |
|---|
| 221 | <tr> |
|---|
| 222 | <td> |
|---|
| 223 | <img alt="" src="images/a-icon-2-41x41.png"> |
|---|
| 224 | </td> |
|---|
| 225 | <td> |
|---|
| 226 | <a class="lnk" href="#">Dojo: Traditional Karate-do Spirit</a><br> |
|---|
| 227 | Sarah Connor Hardcover<br> |
|---|
| 228 | Eligible for FREE Super Saver Shipping |
|---|
| 229 | </td> |
|---|
| 230 | </tr> |
|---|
| 231 | </tbody> |
|---|
| 232 | </table> |
|---|
| 233 | </li> |
|---|
| 234 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 235 | <table> |
|---|
| 236 | <tbody> |
|---|
| 237 | <tr> |
|---|
| 238 | <td> |
|---|
| 239 | <img alt="" src="images/a-icon-2-41x41.png"> |
|---|
| 240 | </td> |
|---|
| 241 | <td> |
|---|
| 242 | <a class="lnk" href="#">Total Solar Eclipse</a><br> |
|---|
| 243 | Steven Young Hardcover<br> |
|---|
| 244 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 245 | </td> |
|---|
| 246 | </tr> |
|---|
| 247 | </tbody> |
|---|
| 248 | </table> |
|---|
| 249 | </li> |
|---|
| 250 | </ul> |
|---|
| 251 | </div> |
|---|
| 252 | |
|---|
| 253 | <div id="view3" data-dojo-type="dojox.mobile.ScrollableView"> |
|---|
| 254 | <h2 data-dojo-type="dojox.mobile.RoundRectCategory">Generic Mobile Device</h2> |
|---|
| 255 | <ul data-dojo-type="dojox.mobile.RoundRectList"> |
|---|
| 256 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"AcmePhone"'> |
|---|
| 257 | Network |
|---|
| 258 | </li> |
|---|
| 259 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"AcmePhone"'> |
|---|
| 260 | Line |
|---|
| 261 | </li> |
|---|
| 262 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"1024"'> |
|---|
| 263 | Songs |
|---|
| 264 | </li> |
|---|
| 265 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"10"'> |
|---|
| 266 | Videos |
|---|
| 267 | </li> |
|---|
| 268 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"96"'> |
|---|
| 269 | Photos |
|---|
| 270 | </li> |
|---|
| 271 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"2"'> |
|---|
| 272 | Applications |
|---|
| 273 | </li> |
|---|
| 274 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"29.3 BG"'> |
|---|
| 275 | Capacity |
|---|
| 276 | </li> |
|---|
| 277 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"28.0 BG"'> |
|---|
| 278 | Available |
|---|
| 279 | </li> |
|---|
| 280 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='rightText:"3.0 (7A341)"'> |
|---|
| 281 | Version |
|---|
| 282 | </li> |
|---|
| 283 | </ul> |
|---|
| 284 | </div> |
|---|
| 285 | </div> |
|---|
| 286 | |
|---|
| 287 | <div id="categ" data-dojo-type="dojox.mobile.ScrollableView"> |
|---|
| 288 | <h1 data-dojo-type="dojox.mobile.Heading" data-dojo-props='fixed:"top"'>Categories</h1> |
|---|
| 289 | <ul data-dojo-type="dojox.mobile.EdgeToEdgeList" class="list1" id="categ1"> |
|---|
| 290 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 1</li> |
|---|
| 291 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 2</li> |
|---|
| 292 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 3</li> |
|---|
| 293 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 4</li> |
|---|
| 294 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 5</li> |
|---|
| 295 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 6</li> |
|---|
| 296 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 7</li> |
|---|
| 297 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 8</li> |
|---|
| 298 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 9</li> |
|---|
| 299 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 10</li> |
|---|
| 300 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 11</li> |
|---|
| 301 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 12</li> |
|---|
| 302 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 13</li> |
|---|
| 303 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 14</li> |
|---|
| 304 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'>Category 15</li> |
|---|
| 305 | </ul> |
|---|
| 306 | </div> |
|---|
| 307 | |
|---|
| 308 | <div id="top25" data-dojo-type="dojox.mobile.ScrollableView"> |
|---|
| 309 | <h1 data-dojo-type="dojox.mobile.Heading" data-dojo-props='fixed:"top"'>News</h1> |
|---|
| 310 | <h2 data-dojo-type="dojox.mobile.RoundRectCategory">Top Stories</h2> |
|---|
| 311 | <ul data-dojo-type="dojox.mobile.RoundRectList"> |
|---|
| 312 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'> |
|---|
| 313 | Top 10 news stories of the decade |
|---|
| 314 | </li> |
|---|
| 315 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'> |
|---|
| 316 | Create client-side diagrammatic interaction in Web applications with GFX |
|---|
| 317 | </li> |
|---|
| 318 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true'> |
|---|
| 319 | Explores advanced topics in the new Java framework for implementing and consuming REST-based Web services, Part 3 |
|---|
| 320 | </li> |
|---|
| 321 | </ul> |
|---|
| 322 | </div> |
|---|
| 323 | |
|---|
| 324 | <div id="search" data-dojo-type="dojox.mobile.ScrollableView"> |
|---|
| 325 | <h1 data-dojo-type="dojox.mobile.Heading" data-dojo-props='fixed:"top"'>Search Result</h1> |
|---|
| 326 | <ul data-dojo-type="dojox.mobile.RoundRectList"> |
|---|
| 327 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 328 | 1. <a href="#" class="lnk">Dojo: Traditional Karate-do Spirit</a><br> |
|---|
| 329 | Sarah Connor Hardcover<br> |
|---|
| 330 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 331 | <span style="color:red">$14.50 (50%)</span> In Stock<br> |
|---|
| 332 | # (531) |
|---|
| 333 | </li> |
|---|
| 334 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 335 | 2. <a href="#" class="lnk">Japanese Martial Arts Dojo</a><br> |
|---|
| 336 | Martin Parker Hardcover<br> |
|---|
| 337 | <span style="color:red">$14.00 (60%)</span> In Stock<br> |
|---|
| 338 | # (173) |
|---|
| 339 | </li> |
|---|
| 340 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 341 | 3. <a href="#" class="lnk">Total Solar Eclipse</a><br> |
|---|
| 342 | Steven Young Hardcover<br> |
|---|
| 343 | Get it by Mar. 2 if you order in the next <span style="color:green"><b>16 hours</b></span><br> |
|---|
| 344 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 345 | <span style="color:red">$9.50 (62%)</span> In Stock<br> |
|---|
| 346 | # (1199) |
|---|
| 347 | </li> |
|---|
| 348 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 349 | 4. <a href="#" class="lnk">The History of Java Coffee</a><br> |
|---|
| 350 | Marco Rodriguez Hardcover<br> |
|---|
| 351 | <span style="color:blue">Not Available</span> |
|---|
| 352 | </li> |
|---|
| 353 | <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='variableHeight:true' style="font-size:10px"> |
|---|
| 354 | 5. <a href="#" class="lnk">The Principles of Spider's Web</a><br> |
|---|
| 355 | Melissa Morgan Hardcover<br> |
|---|
| 356 | Eligible for FREE Super Saver Shipping<br> |
|---|
| 357 | <span style="color:red">$12.00 (60%)</span> In Stock<br> |
|---|
| 358 | # (1847) |
|---|
| 359 | </li> |
|---|
| 360 | </ul> |
|---|
| 361 | </div> |
|---|
| 362 | |
|---|
| 363 | <div id="article" data-dojo-type="dojox.mobile.ScrollableView" style="color:black;background-color:white;height:100%"> |
|---|
| 364 | <h1 data-dojo-type="dojox.mobile.Heading" data-dojo-props='fixed:"top"'>Article</h1> |
|---|
| 365 | <div class="content"> |
|---|
| 366 | <h3 class="title">Did you know?</h3> |
|---|
| 367 | <h4 class="subtitle">Features of dojox.mobile</h4> |
|---|
| 368 | <h5 class="subsubtitle">No images are used</h5> |
|---|
| 369 | <ul class="lst"> |
|---|
| 370 | <li>UI parts consist of DOM and CSS3.</li> |
|---|
| 371 | <li>Only application icons are images.</li> |
|---|
| 372 | </ul> |
|---|
| 373 | |
|---|
| 374 | <h5 class="subsubtitle">Removed dependencies on the dojo modules as much as possible</h5> |
|---|
| 375 | <ul class="lst"> |
|---|
| 376 | <li>No dependencies even on some of the essential core modules like Templated, Container, Contained, dojo.query, or dojo.parser.</li> |
|---|
| 377 | </ul> |
|---|
| 378 | |
|---|
| 379 | <h5 class="subsubtitle">Support for CSS sprite</h5> |
|---|
| 380 | <ul class="lst"> |
|---|
| 381 | <li>Application icon images can be aggregated into a single file to reduce the number of http requests.</li> |
|---|
| 382 | </ul> |
|---|
| 383 | |
|---|
| 384 | <h5 class="subsubtitle">Possible to use the webkitMobile build option (when PC browser support is unnecessary)</h5> |
|---|
| 385 | <ul class="lst"> |
|---|
| 386 | <li>Drops IE and Firefox-specific code at build time, and thus reduces the dojo core size</li> |
|---|
| 387 | </ul> |
|---|
| 388 | </div> |
|---|
| 389 | </div> |
|---|
| 390 | |
|---|
| 391 | <ul data-dojo-type="dojox.mobile.TabBar" data-dojo-props='fixed:"bottom"' style="border-bottom:none;"> |
|---|
| 392 | <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props='icon1:"images/tab-icon-16.png", icon2:"images/tab-icon-16h.png", selected:true, moveTo:"group1"'>Featured</li> |
|---|
| 393 | <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props='icon1:"images/tab-icon-15.png", icon2:"images/tab-icon-15h.png", moveTo:"categ"'>Categories</li> |
|---|
| 394 | <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props='icon1:"images/tab-icon-10.png", icon2:"images/tab-icon-10h.png", moveTo:"top25"'>Top 25</li> |
|---|
| 395 | <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props='icon1:"images/tab-icon-11.png", icon2:"images/tab-icon-11h.png", moveTo:"search"'>Search</li> |
|---|
| 396 | <li data-dojo-type="dojox.mobile.TabBarButton" data-dojo-props='icon1:"images/tab-icon-13.png", icon2:"images/tab-icon-13h.png", moveTo:"article"'>Updates</li> |
|---|
| 397 | </ul> |
|---|
| 398 | </body> |
|---|
| 399 | </html> |
|---|
