1 <div data-role="page" id="genlist-dialog" data-add-back-btn="true" data-fit-page-to-window="true">
2 <div data-role="header" data-position="fixed">
5 <div class="content" data-role="content" data-scroll="y">
7 <ul data-role="listview">
8 <li data-role="list-divider" data-style="dialogue">DIALOGUE</li>
9 <li class="ui-li-dialogue">
12 <li class="ui-li-dialogue">
14 <span class="ui-li-text-sub">subtext</sub>
16 <li class="ui-li-dialogue">
18 <div data-role="button" data-inline="true">Button</div>
20 <li class="ui-li-dialogue">
22 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
24 <li class="ui-li-dialogue">
26 <select name="flip-11" id="flip-11" data-role="slider">
27 <option value="off"></option>
28 <option value="on"></option>
31 <li class="ui-li-dialogue">
33 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
35 <li class="ui-li-dialogue">
37 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
38 <span class="ui-li-text-sub">Sub text</span>
40 <li class="ui-li-dialogue">
42 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
43 <div data-role="button" data-inline="true">Button</div>
45 <li class="ui-li-dialogue">
47 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
48 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
50 <li class="ui-li-dialogue">
52 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
53 <select name="flip-11" id="flip-11" data-role="slider">
54 <option value="off"></option>
55 <option value="on"></option>
58 <li class="ui-li-dialogue">
59 <input type="checkbox" data-style="check" name="c1line-check2" />
61 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
63 <li class="ui-li-dialogue">
64 <input type="radio" name="radio" />
66 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
68 <li class="ui-li-has-multiline ui-li-dialogue">
70 <span class="ui-li-text-sub">Subtext</span>
72 <li class="ui-li-has-multiline ui-li-dialogue">
74 <span class="ui-li-text-sub">Subtext</span>
75 <span class="ui-li-text-sub2">Subtext2</span>
77 <li class="ui-li-has-multiline ui-li-dialogue">
79 <span class="ui-li-text-sub">Subtext</span>
80 <div data-role="button" data-inline="true">button</div>
82 <li class="ui-li-has-multiline ui-li-dialogue">
83 <input type="checkbox" name="c2line-check1" />
85 <span class="ui-li-text-sub">Subtext</span>
87 <li class="ui-li-has-multiline ui-li-dialogue">
88 <input type="radio" name="radio" />
90 <span class="ui-li-text-sub">Subtext</span>
92 <li class="ui-li-has-multiline ui-li-dialogue">
94 <span class="ui-li-text-sub">Subtext</span>
95 <select name="flip-11" id="flip-11" data-role="slider">
96 <option value="off"></option>
97 <option value="on"></option>
101 <li data-role="list-divider" data-style="dialogue">DIALOGUE (WITH LINK)</li>
102 <li class="ui-li-dialogue ui-li-text-ellipsis">
103 <a>1line (with link)</a>
105 <li class="ui-li-dialogue ui-li-text-ellipsis">
107 1line-sub (with link)
108 <span class="ui-li-text-sub">subtext</span>
111 <li class="ui-li-dialogue ui-li-text-ellipsis">
113 1line-btn1 (with link)
114 <div data-role="button" data-inline="true">Button</div>
117 <li class="ui-li-dialogue ui-li-text-ellipsis">
119 1line-circle button (with link)
120 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
123 <li class="ui-li-dialogue ui-li-text-ellipsis">
125 1line-toggle (with link)
126 <select name="flip-11" id="flip-11" data-role="slider">
127 <option value="off"></option>
128 <option value="on"></option>
132 <li class="ui-li-dialogue ui-li-text-ellipsis">
134 1line-bigicon1 (with link)
135 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
138 <li class="ui-li-dialogue ui-li-text-ellipsis">
141 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
142 <span class="ui-li-text-sub">Sub text</span>
145 <li class="ui-li-dialogue ui-li-text-ellipsis">
147 1line-bigicon4 (with link)
148 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
149 <div data-role="button" data-inline="true">Button</div>
152 <li class="ui-li-dialogue ui-li-text-ellipsis">
154 1line-bigicon5 (with link)
155 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
156 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
159 <li class="ui-li-dialogue ui-li-text-ellipsis">
161 1line-bigicon5 (with link)
162 <img src="thumbnail.jpg" alt="icon" class="ui-li-bigicon">
163 <select name="flip-11" id="flip-11" data-role="slider">
164 <option value="off"></option>
165 <option value="on"></option>
169 <li class="ui-li-dialogue ui-li-text-ellipsis">
171 <input type="checkbox" data-style="check" name="c1line-check2" />
172 1line-check1 (with link)
173 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
176 <li class="ui-li-dialogue ui-li-text-ellipsis">
178 <input type="radio" name="radio" />
179 1line-radio3 (with link)
180 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
183 <li class="ui-li-has-multiline ui-li-dialogue ui-li-text-ellipsis">
186 <span class="ui-li-text-sub">Subtext</span>
189 <li class="ui-li-has-multiline ui-li-dialogue ui-li-text-ellipsis">
191 2line-2sub (with link)
192 <span class="ui-li-text-sub">Subtext</span>
193 <span class="ui-li-text-sub2">Subtext2</span>
196 <li class="ui-li-has-multiline ui-li-dialogue ui-li-text-ellipsis">
198 2line-btn1 (with link)
199 <span class="ui-li-text-sub">Subtext</span>
200 <div data-role="button" data-inline="true">button</div>
203 <li class="ui-li-has-multiline ui-li-dialogue ui-li-text-ellipsis">
205 <input type="checkbox" name="c2line-check1" />
206 2line-check (with link)
207 <span class="ui-li-text-sub">Subtext</span>
210 <li class="ui-li-has-multiline ui-li-dialogue ui-li-text-ellipsis">
212 <input type="radio" name="radio" />
213 2line-radio1 (with link)
214 <span class="ui-li-text-sub">Subtext</span>
217 <li class="ui-li-has-multiline ui-li-dialogue ui-li-text-ellipsis">
219 2line-toggle-setting (with link)
220 <span class="ui-li-text-sub">Subtext</span>
221 <select name="flip-11" id="flip-11" data-role="slider">
222 <option value="off"></option>
223 <option value="on"></option>
230 <div data-role="footer">