<div data-role="page" id="genlist-dialog" data-add-back-btn="true" data-fit-page-to-window="true">
<div data-role="header" data-position="fixed">
- <h1>Dialog lists</h1>
+ <h1>DIALOG LISTS</h1>
</div>
<div class="content" data-role="content" data-scroll="y">
<form>
<ul data-role="listview">
- <li data-role="list-divider" data-style="dialogue">Dialogue</li>
+ <li data-role="list-divider" data-style="dialogue">DIALOGUE</li>
<li class="ui-li-dialogue">
1line
</li>
</li>
<li class="ui-li-dialogue">
1line-bigicon1
- <img src="thumbnail.jpg" class="ui-li-bigicon">
+ <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
</li>
<li class="ui-li-dialogue">
1line-bigicon2
- <img src="thumbnail.jpg" class="ui-li-bigicon">
+ <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
<span class="ui-li-text-sub">Sub text</span>
</li>
<li class="ui-li-dialogue">
1line-bigicon4
- <img src="thumbnail.jpg" class="ui-li-bigicon">
+ <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
<div data-role="button" data-inline="true">Button</div>
</li>
<li class="ui-li-dialogue">
1line-bigicon5
- <img src="thumbnail.jpg" class="ui-li-bigicon">
+ <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
<div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
</li>
<li class="ui-li-dialogue">
1line-bigicon6
- <img src="thumbnail.jpg" class="ui-li-bigicon">
+ <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
<select name="flip-11" id="flip-11" data-role="slider">
<option value="off"></option>
<option value="on"></option>
</select>
</li>
- <li data-role="list-divider" data-style="dialogue">Dialogue (with link)</li>
+ <li data-role="list-divider" data-style="dialogue">DIALOGUE (WITH LINK)</li>
<li class="ui-li-dialogue ui-li-text-ellipsis">
<a>1line (with link)</a>
</li>
<li class="ui-li-dialogue ui-li-text-ellipsis">
<a>
1line-bigicon1 (with link)
- <img src="thumbnail.jpg" class="ui-li-bigicon">
+ <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
</a>
</li>
<li class="ui-li-dialogue ui-li-text-ellipsis">
<a>
1line-bigicon2
- <img src="thumbnail.jpg" class="ui-li-bigicon">
+ <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
<span class="ui-li-text-sub">Sub text</span>
</a>
</li>
<li class="ui-li-dialogue ui-li-text-ellipsis">
<a>
1line-bigicon4 (with link)
- <img src="thumbnail.jpg" class="ui-li-bigicon">
+ <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
<div data-role="button" data-inline="true">Button</div>
</a>
</li>
<li class="ui-li-dialogue ui-li-text-ellipsis">
<a>
1line-bigicon5 (with link)
- <img src="thumbnail.jpg" class="ui-li-bigicon">
+ <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
<div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
</a>
</li>
<li class="ui-li-dialogue ui-li-text-ellipsis">
<a>
1line-bigicon5 (with link)
- <img src="thumbnail.jpg" class="ui-li-bigicon">
+ <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
<select name="flip-11" id="flip-11" data-role="slider">
<option value="off"></option>
<option value="on"></option>