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 <div data-role="toggleswitch"/></div>
44 <img src="thumbnail.jpg" class="ui-li-bigicon">
51 <img src="thumbnail.jpg" class="ui-li-bigicon">
53 <span class="ui-li-text-sub">Sub text</span>
59 <img src="thumbnail.jpg" class="ui-li-bigicon">
61 <div data-role="button" data-inline="true">Text Button</div>
67 <img src="thumbnail.jpg" class="ui-li-bigicon">
69 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
75 <img src="thumbnail.jpg" class="ui-li-bigicon">
77 <div data-role="toggleswitch"/></div>
81 <li class="ui-li-has-checkbox">
83 <form><input type="checkbox" name="c1line-check1" /></form>
88 <li class="ui-li-has-checkbox">
90 <form><input type="checkbox" name="c1line-check2" /></form>
92 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
96 <li class="ui-li-has-checkbox">
98 <form><input type="checkbox" name="c1line-check3" /></form>
99 <img src="thumbnail.jpg" class="ui-li-bigicon" >
104 <li class="ui-li-has-checkbox">
106 <form><input type="checkbox" name="c1line-check4" /></form>
107 <img src="thumbnail.jpg" class="ui-li-bigicon">
109 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
113 <li class="ui-li-has-radio">
115 <form><input type="radio" /></form>
120 <li class="ui-li-has-radio">
122 <form><input type="radio" /></form>
124 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
128 <li class="ui-li-has-radio">
130 <form><input type="radio" /></form>
131 <img src="thumbnail.jpg" class="ui-li-bigicon">
136 <li class="ui-li-has-radio">
138 <form><input type="radio" /></form>
140 <img src="thumbnail.jpg" class="ui-li-bigicon">
141 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
145 <li class="ui-li-has-radio">
147 <form><input type="radio" /></form>
149 <img src="thumbnail.jpg" class="ui-li-bigicon">
153 <li class="ui-li-has-multiline">
156 <span class="ui-li-text-sub">Subtext</span>
160 <!-- <li class="ui-li-has-multiline">
162 <span class="ui-li-text-sub">Subtext</span>
167 <li class="ui-li-has-multiline">
170 <span class="ui-li-text-sub">Subtext</span>
171 <span class="ui-li-text-sub2">Subtext2</span>
175 <li class="ui-li-has-multiline">
178 <span class="ui-li-text-sub">Subtext</span>
179 <div data-role="button" data-inline="true">button</div>
183 <li class="ui-li-has-multiline">
186 <span class="ui-li-text-sub">Subtext</span>
187 <div data-role="button" data-inline="true" data-icon="call"></div>
191 <li class="ui-li-has-multiline">
194 <span class="ui-li-text-sub">Subtext</span>
195 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
199 <li class="ui-li-has-multiline">
202 <span class="ui-li-text-sub">Subtext</span>
203 <span style="position:absolute; right:16px; top:80px"><img class= "ui-li-icon-sub-right" src="00_winset_icon_favorite_on.png"></span>
204 <span class="ui-li-text-sub2">Subtext2</span>
208 <li class="ui-li-has-multiline">
211 <span class="ui-li-text-sub"><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png">Subtext</span>
212 <span><img class="ui-li-icon-sub-right" src="00_winset_icon_favorite_on.png"></span>
216 <li class="ui-li-has-multiline">
219 <span class="ui-li-text-sub">Subtext</span>
223 <li class="ui-li-has-multiline">
226 <span class="ui-li-text-sub">Subtext</span>
227 <div data-role="toggleswitch"/></div>
231 <li class="ui-li-has-multiline">
234 <span class="ui-li-text-sub">Subtext</span>
235 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
239 <li class="ui-li-has-multiline">
242 <span class="ui-li-text-sub">Subtext<img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
243 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
247 <li class="ui-li-has-multiline">
249 <img src="thumbnail.jpg" class="ui-li-bigicon">
251 <span class="ui-li-text-sub">Subtext</span>
255 <li class="ui-li-has-multiline">
257 <img src="thumbnail.jpg" class="ui-li-bigicon">
259 <span class="ui-li-text-sub">Subtext</span>
260 <span class="ui-li-text-sub2">Subtext2</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>
272 <li class="ui-li-has-multiline">
274 <img src="thumbnail.jpg" class="ui-li-bigicon">
276 <span class="ui-li-text-sub">Subtext</span>
277 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
281 <li class="ui-li-has-checkbox ui-li-has-multiline">
283 <form><input type="checkbox" name="c2line-check1" /></form>
285 <span class="ui-li-text-sub">Subtext</span>
289 <li class="ui-li-has-checkbox ui-li-has-multiline">
291 <form><input type="checkbox" name="c2line-check2" /></form>
293 <span class="ui-li-text-sub">Subtext</span>
294 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
298 <li class="ui-li-has-checkbox ui-li-has-multiline">
300 <form><input type="checkbox" name="c2line-check3" /></form>
301 <img src="thumbnail.jpg" class="ui-li-bigicon">
303 <span class="ui-li-text-sub">Subtext</span>
307 <li class="ui-li-has-checkbox ui-li-has-multiline">
309 <form><input type="radio" /></form>
311 <span class="ui-li-text-sub">Subtext</span>
315 <li class="ui-li-has-checkbox ui-li-has-multiline">
317 <form><input type="radio" /></form>
318 <img src="thumbnail.jpg" class="ui-li-bigicon">
320 <span class="ui-li-text-sub">Subtext</span>
324 <li class="ui-li-has-multiline">
326 <span class="ui-li-color-bar"></span>
328 <span class="ui-li-text-sub">Subtext
329 <img src="00_winset_icon_favorite_on.png">
330 <img src="00_winset_icon_favorite_on.png">
331 <img src="00_winset_icon_favorite_on.png">
333 <div data-role="button" data-inline="true">button</div>
337 <li class="ui-li-has-multiline">
339 <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
341 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
342 <span class="ui-li-text-sub">Subtext</span>
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(204, 52, 52, 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" data-icon="call"></div>
357 <li class="ui-li-has-multiline">
359 <span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
360 <img src="thumbnail.jpg" class="ui-li-bigicon">
362 <span class="ui-li-text-sub">Subtext</span>
363 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
367 <li class="ui-li-has-multiline">
369 <img src="thumbnail.jpg" class="ui-li-bigicon">
371 <span class="ui-li-text-sub">Subtext</span>
372 <img src="00_winset_icon_favorite_on.png" class="ui-li-icon-sub">
376 <li class="ui-li-has-multiline ui-li-thumbnail-right">
379 <span class="ui-li-text-sub">Subtext</span>
380 <img src="thumbnail.jpg" class="ui-li-bigicon">
384 <li class="ui-li-has-multiline">
387 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
388 <span class="ui-li-text-sub"><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png">Subtext</span>
389 <img src="thumbnail.jpg" class="ui-li-bigicon">
393 <li class="ui-li-has-multiline ui-li-thumbnail-right">
395 <span class="ui-li-text-sub">Subtext</span>
396 2line-sub-main-bigicon1
397 <img src="thumbnail.jpg" class="ui-li-bigicon">
401 <li class="ui-li-has-multiline">
403 <img src="thumbnail.jpg" class="ui-li-bigicon">
405 <span class="ui-li-text-sub">Subtext</span>
406 <div data-role="progressbar" id="progressbar"></div>
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="button" data-inline="true">button</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" data-icon="call"></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 <span class="ui-li-text-sub2">Subtext2</span>
434 <div data-role="progressing" data-style="pending" id="pending"></div>
438 <li class="ui-li-has-checkbox ui-li-has-multiline">
440 <form><input type="checkbox" name="c2line-icon-bigicon-btn" /></form>
441 <img src="thumbnail.jpg" class="ui-li-bigicon">
442 2line-icon-bigicon-btn
443 <span class="ui-li-text-sub">Subtext</span>
444 <div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
448 <li class="ui-li-has-multiline">
451 <span><img class="ui-li-icon-sub" src="00_winset_icon_favorite_on.png"></span>
452 <span class="ui-li-text-sub">Subtext</span>
453 <img src="thumbnail.jpg" class="ui-li-bigicon">