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">
6 <ul data-role="listview">
17 <span class="ui-li-text-sub">Sub text</span>
24 <div data-role="button" data-inline="true">Text Button</div>
31 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
38 <select name="flip-11" id="flip-11" data-role="slider">
39 <option value="off"></option>
40 <option value="on"></option>
47 <img src="thumbnail.jpg" class="ui-li-bigicon">
54 <img src="thumbnail.jpg" class="ui-li-bigicon">
56 <span class="ui-li-text-sub">Sub text</span>
62 <img src="thumbnail.jpg" class="ui-li-bigicon">
64 <div data-role="button" data-inline="true">Text Button</div>
70 <img src="thumbnail.jpg" class="ui-li-bigicon">
72 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
78 <img src="thumbnail.jpg" class="ui-li-bigicon">
80 <select name="flip-11" id="flip-11" data-role="slider">
81 <option value="off"></option>
82 <option value="on"></option>
87 <li class="ui-li-has-checkbox">
89 <form><input type="checkbox" name="c1line-check1" /></form>
94 <li class="ui-li-has-checkbox">
96 <form><input type="checkbox" name="c1line-check2" /></form>
98 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
102 <li class="ui-li-has-checkbox">
104 <form><input type="checkbox" name="c1line-check3" /></form>
105 <img src="thumbnail.jpg" class="ui-li-bigicon" >
110 <li class="ui-li-has-checkbox">
112 <form><input type="checkbox" name="c1line-check4" /></form>
113 <img src="thumbnail.jpg" class="ui-li-bigicon">
115 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
119 <li class="ui-li-has-radio">
121 <form><input type="radio" /></form>
126 <li class="ui-li-has-radio">
128 <form><input type="radio" /></form>
130 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
134 <li class="ui-li-has-radio">
136 <form><input type="radio" /></form>
137 <img src="thumbnail.jpg" class="ui-li-bigicon">
142 <li class="ui-li-has-radio">
144 <form><input type="radio" /></form>
146 <img src="thumbnail.jpg" class="ui-li-bigicon">
147 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
151 <li class="ui-li-has-radio">
153 <form><input type="radio" /></form>
155 <img src="thumbnail.jpg" class="ui-li-bigicon">
159 <li class="ui-li-has-multiline">
162 <span class="ui-li-text-sub">Subtext</span>
166 <!-- <li class="ui-li-has-multiline">
168 <span class="ui-li-text-sub">Subtext</span>
173 <li class="ui-li-has-multiline">
176 <span class="ui-li-text-sub">Subtext</span>
177 <span class="ui-li-text-sub2">Subtext2</span>
181 <li class="ui-li-has-multiline">
184 <span class="ui-li-text-sub">Subtext</span>
185 <div data-role="button" data-inline="true">button</div>
189 <li class="ui-li-has-multiline">
192 <span class="ui-li-text-sub">Subtext</span>
193 <div data-role="button" data-inline="true" data-icon="call"></div>
197 <li class="ui-li-has-multiline">
200 <span class="ui-li-text-sub">Subtext</span>
201 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
205 <li class="ui-li-has-multiline">
208 <span class="ui-li-text-sub">Subtext</span>
209 <span style="position:absolute; right:16px; top:80px"><img class= "ui-li-icon-sub-right" src="00_winset_icon_favorite_on.png"></span>
210 <span class="ui-li-text-sub2">Subtext2</span>
214 <li class="ui-li-has-multiline">
217 <span class="ui-li-text-sub"><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png">Subtext</span>
218 <span><img class="ui-li-icon-sub-right" src="00_winset_icon_favorite_on.png"></span>
222 <li class="ui-li-has-multiline">
225 <span class="ui-li-text-sub">Subtext</span>
229 <li class="ui-li-has-multiline">
232 <span class="ui-li-text-sub">Subtext</span>
233 <select name="flip-11" id="flip-11" data-role="slider">
234 <option value="off"></option>
235 <option value="on"></option>
240 <li class="ui-li-has-multiline">
243 <span class="ui-li-text-sub">Subtext</span>
244 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
248 <li class="ui-li-has-multiline">
251 <span class="ui-li-text-sub">Subtext<img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
252 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
256 <li class="ui-li-has-multiline">
258 <img src="thumbnail.jpg" class="ui-li-bigicon">
260 <span class="ui-li-text-sub">Subtext</span>
264 <li class="ui-li-has-multiline">
266 <img src="thumbnail.jpg" class="ui-li-bigicon">
268 <span class="ui-li-text-sub">Subtext</span>
269 <span class="ui-li-text-sub2">Subtext2</span>
273 <li class="ui-li-has-multiline">
275 <img src="thumbnail.jpg" class="ui-li-bigicon">
277 <span class="ui-li-text-sub">Subtext</span>
281 <li class="ui-li-has-multiline">
283 <img src="thumbnail.jpg" class="ui-li-bigicon">
285 <span class="ui-li-text-sub">Subtext</span>
286 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
290 <li class="ui-li-has-checkbox ui-li-has-multiline">
292 <form><input type="checkbox" name="c2line-check1" /></form>
294 <span class="ui-li-text-sub">Subtext</span>
298 <li class="ui-li-has-checkbox ui-li-has-multiline">
300 <form><input type="checkbox" name="c2line-check2" /></form>
302 <span class="ui-li-text-sub">Subtext</span>
303 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
307 <li class="ui-li-has-checkbox ui-li-has-multiline">
309 <form><input type="checkbox" name="c2line-check3" /></form>
310 <img src="thumbnail.jpg" class="ui-li-bigicon">
312 <span class="ui-li-text-sub">Subtext</span>
316 <li class="ui-li-has-checkbox ui-li-has-multiline">
318 <form><input type="radio" /></form>
320 <span class="ui-li-text-sub">Subtext</span>
324 <li class="ui-li-has-checkbox ui-li-has-multiline">
326 <form><input type="radio" /></form>
327 <img src="thumbnail.jpg" class="ui-li-bigicon">
329 <span class="ui-li-text-sub">Subtext</span>
333 <li class="ui-li-has-multiline">
335 <span class="ui-li-color-bar"></span>
337 <span class="ui-li-text-sub">Subtext
338 <img src="00_winset_icon_favorite_on.png">
339 <img src="00_winset_icon_favorite_on.png">
340 <img src="00_winset_icon_favorite_on.png">
342 <div data-role="button" data-inline="true">button</div>
346 <li class="ui-li-has-multiline">
348 <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
350 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
351 <span class="ui-li-text-sub">Subtext</span>
352 <div data-role="button" data-inline="true">button</div>
356 <li class="ui-li-has-multiline">
358 <span class="ui-li-color-bar" style="background-color:rgba(204, 52, 52, 1);"></span>
360 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
361 <span class="ui-li-text-sub">Subtext</span>
362 <div data-role="button" data-inline="true" data-icon="call"></div>
366 <li class="ui-li-has-multiline">
368 <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
369 <img src="thumbnail.jpg" class="ui-li-bigicon">
371 <span class="ui-li-text-sub">Subtext</span>
372 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
376 <li class="ui-li-has-multiline">
378 <img src="thumbnail.jpg" class="ui-li-bigicon">
380 <span class="ui-li-text-sub">Subtext</span>
381 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-sub">
385 <li class="ui-li-has-multiline ui-li-thumbnail-right">
388 <span class="ui-li-text-sub">Subtext</span>
389 <img src="large_thumbnail.jpg" class="ui-li-bigicon">
393 <li class="ui-li-has-multiline">
396 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
397 <span class="ui-li-text-sub"><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png">Subtext</span>
398 <img src="thumbnail.jpg" class="ui-li-bigicon">
402 <li class="ui-li-has-multiline ui-li-thumbnail-right">
404 <span class="ui-li-text-sub">Subtext</span>
405 2line-sub-main-bigicon1
406 <img src="large_thumbnail.jpg" class="ui-li-bigicon">
410 <li class="ui-li-has-multiline">
412 <img src="thumbnail.jpg" class="ui-li-bigicon">
414 <span class="ui-li-text-sub">Subtext</span>
415 <div data-role="progressbar" id="progressbar"></div>
419 <li class="ui-li-has-multiline">
421 <img src="thumbnail.jpg" class="ui-li-bigicon">
423 <span class="ui-li-text-sub">Subtext</span>
424 <div data-role="button" data-inline="true">button</div>
428 <li class="ui-li-has-multiline">
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"></div>
437 <li class="ui-li-has-multiline">
439 <img src="thumbnail.jpg" class="ui-li-bigicon">
441 <span class="ui-li-text-sub">Subtext</span>
442 <span class="ui-li-text-sub2">Subtext2</span>
443 <div data-role="progressing" data-style="pending" id="pending"></div>
447 <li class="ui-li-has-checkbox ui-li-has-multiline">
449 <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
450 <img src="thumbnail.jpg" class="ui-li-bigicon">
451 2line-icon-bigicon-btn
452 <span class="ui-li-text-sub">Subtext</span>
453 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
457 <li class="ui-li-has-multiline">
460 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
461 <span class="ui-li-text-sub">Subtext</span>
462 <img src="thumbnail.jpg" class="ui-li-bigicon">
467 <div data-role="footer">