1 <div data-role="page" id="genlist-normal" data-add-back-btn="true">
2 <div data-role="header" data-position="fixed">
3 <h1>Normal anchor lists</h1>
5 <div class="content" data-role="content" data-scroll="y">
7 <ul data-role="listview">
18 <span class="ui-li-text-sub">Sub text</span>
25 <div data-role="button" data-inline="true">Text Button</div>
32 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
39 <select name="flip-11" id="flip-11" data-role="slider">
40 <option value="off"></option>
41 <option value="on"></option>
48 <img src="thumbnail.jpg" class="ui-li-bigicon">
55 <img src="thumbnail.jpg" class="ui-li-bigicon">
57 <span class="ui-li-text-sub">Sub text</span>
63 <img src="thumbnail.jpg" class="ui-li-bigicon">
65 <div data-role="button" data-inline="true">Text Button</div>
71 <img src="thumbnail.jpg" class="ui-li-bigicon">
73 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
79 <img src="thumbnail.jpg" class="ui-li-bigicon">
81 <select name="flip-11" id="flip-11" data-role="slider">
82 <option value="off"></option>
83 <option value="on"></option>
88 <li class="ui-li-has-checkbox">
90 <input type="checkbox" name="c1line-check1" />
95 <li class="ui-li-has-checkbox">
97 <input type="checkbox" name="c1line-check2" />
99 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
103 <li class="ui-li-has-checkbox">
105 <input type="checkbox" name="c1line-check3" />
106 <img src="thumbnail.jpg" class="ui-li-bigicon" >
111 <li class="ui-li-has-checkbox">
113 <input type="checkbox" name="c1line-check4" />
114 <img src="thumbnail.jpg" class="ui-li-bigicon">
116 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
120 <li class="ui-li-has-radio">
122 <input type="radio" name="1line-radio" />
127 <li class="ui-li-has-radio">
129 <input type="radio" name="1line-radio" />
131 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
135 <li class="ui-li-has-radio">
137 <input type="radio" name="1line-radio" />
138 <img src="thumbnail.jpg" class="ui-li-bigicon">
143 <li class="ui-li-has-radio">
145 <input type="radio" name="1line-radio" />
147 <img src="thumbnail.jpg" class="ui-li-bigicon">
148 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
152 <li class="ui-li-has-radio">
154 <input type="radio" name="1line-radio" />
156 <img src="thumbnail.jpg" class="ui-li-bigicon">
160 <li class="ui-li-has-multiline">
163 <span class="ui-li-text-sub">Subtext</span>
167 <!-- <li class="ui-li-has-multiline">
169 <span class="ui-li-text-sub">Subtext</span>
174 <li class="ui-li-has-multiline">
177 <span class="ui-li-text-sub">Subtext</span>
178 <span class="ui-li-text-sub2">Subtext2</span>
182 <li class="ui-li-has-multiline">
185 <span class="ui-li-text-sub">Subtext</span>
186 <div data-role="button" data-inline="true">button</div>
190 <li class="ui-li-has-multiline">
193 <span class="ui-li-text-sub">Subtext</span>
194 <div data-role="button" data-inline="true" data-icon="call"></div>
198 <li class="ui-li-has-multiline">
201 <span class="ui-li-text-sub">Subtext</span>
202 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
206 <li class="ui-li-has-multiline">
209 <span class="ui-li-text-sub">Subtext</span>
210 <span style="position:absolute; right:16px; top:80px"><img class= "ui-li-icon-sub-right" src="00_winset_icon_favorite_on.png"></span>
211 <span class="ui-li-text-sub2">Subtext2</span>
215 <li class="ui-li-has-multiline">
218 <span class="ui-li-text-sub"><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png">Subtext</span>
219 <span><img class="ui-li-icon-sub-right" src="00_winset_icon_favorite_on.png"></span>
223 <li class="ui-li-has-multiline">
226 <span class="ui-li-text-sub">Subtext</span>
230 <li class="ui-li-has-multiline">
233 <span class="ui-li-text-sub">Subtext</span>
234 <select name="flip-11" id="flip-11" data-role="slider">
235 <option value="off"></option>
236 <option value="on"></option>
241 <li class="ui-li-has-multiline">
244 <span class="ui-li-text-sub">Subtext</span>
245 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
249 <li class="ui-li-has-multiline">
252 <span class="ui-li-text-sub">Subtext<img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
253 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
257 <li class="ui-li-has-multiline">
259 <img src="thumbnail.jpg" class="ui-li-bigicon">
261 <span class="ui-li-text-sub">Subtext</span>
265 <li class="ui-li-has-multiline">
267 <img src="thumbnail.jpg" class="ui-li-bigicon">
269 <span class="ui-li-text-sub">Subtext</span>
270 <span class="ui-li-text-sub2">Subtext2</span>
274 <li class="ui-li-has-multiline">
276 <img src="thumbnail.jpg" class="ui-li-bigicon">
278 <span class="ui-li-text-sub">Subtext</span>
282 <li class="ui-li-has-multiline">
284 <img src="thumbnail.jpg" class="ui-li-bigicon">
286 <span class="ui-li-text-sub">Subtext</span>
287 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
291 <li class="ui-li-has-checkbox ui-li-has-multiline">
293 <input type="checkbox" name="c2line-check1" />
295 <span class="ui-li-text-sub">Subtext</span>
299 <li class="ui-li-has-checkbox ui-li-has-multiline">
301 <input type="checkbox" name="c2line-check2" />
303 <span class="ui-li-text-sub">Subtext</span>
304 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
308 <li class="ui-li-has-checkbox ui-li-has-multiline">
310 <input type="checkbox" name="c2line-check3" />
311 <img src="thumbnail.jpg" class="ui-li-bigicon">
313 <span class="ui-li-text-sub">Subtext</span>
317 <li class="ui-li-has-checkbox ui-li-has-multiline">
319 <input type="radio" name="2line-radio" />
321 <span class="ui-li-text-sub">Subtext</span>
325 <li class="ui-li-has-checkbox ui-li-has-multiline">
327 <input type="radio" name="2line-radio" />
328 <img src="thumbnail.jpg" class="ui-li-bigicon">
330 <span class="ui-li-text-sub">Subtext</span>
334 <li class="ui-li-has-multiline">
336 <span class="ui-li-color-bar"></span>
338 <span class="ui-li-text-sub">Subtext
339 <img src="00_winset_icon_favorite_on.png">
340 <img src="00_winset_icon_favorite_on.png">
341 <img src="00_winset_icon_favorite_on.png">
343 <div data-role="button" data-inline="true">button</div>
347 <li class="ui-li-has-multiline">
349 <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
351 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
352 <span class="ui-li-text-sub">Subtext</span>
353 <div data-role="button" data-inline="true">button</div>
357 <li class="ui-li-has-multiline">
359 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
361 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
362 <span class="ui-li-text-sub">Subtext</span>
363 <div data-role="button" data-inline="true" data-icon="call"></div>
367 <li class="ui-li-has-multiline">
369 <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
370 <img src="thumbnail.jpg" class="ui-li-bigicon">
372 <span class="ui-li-text-sub">Subtext</span>
373 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
377 <li class="ui-li-has-multiline">
379 <img src="thumbnail.jpg" class="ui-li-bigicon">
381 <span class="ui-li-text-sub">Subtext</span>
382 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-sub">
386 <li class="ui-li-has-multiline ui-li-thumbnail-right">
389 <span class="ui-li-text-sub">Subtext</span>
390 <img src="large_thumbnail.jpg" class="ui-li-bigicon">
394 <li class="ui-li-has-multiline">
397 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
398 <span class="ui-li-text-sub"><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png">Subtext</span>
399 <img src="thumbnail.jpg" class="ui-li-bigicon">
403 <li class="ui-li-has-multiline ui-li-thumbnail-right">
405 <span class="ui-li-text-sub">Subtext</span>
406 2line-sub-main-bigicon1
407 <img src="large_thumbnail.jpg" class="ui-li-bigicon">
411 <li class="ui-li-has-multiline">
414 <div data-role="progressbar" id="progressbar"></div>
418 <li class="ui-li-has-multiline">
420 <img src="thumbnail.jpg" class="ui-li-bigicon">
422 <div data-role="progressbar" id="progressbar"></div>
423 <div data-role="button" data-inline="true">Stop</div>
427 <li class="ui-li-has-checkbox ui-li-has-multiline">
429 <input type="checkbox" name="c2line-icon-bigicon-btn" />
430 <img src="thumbnail.jpg" class="ui-li-bigicon">
432 <span class="ui-li-text-sub">Subtext</span>
433 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
437 <li class="ui-li-has-multiline">
440 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
441 <span class="ui-li-text-sub">Subtext</span>
442 <img src="thumbnail.jpg" class="ui-li-bigicon">
448 <div data-role="footer">