Skip to content
This repository was archived by the owner on Oct 8, 2021. It is now read-only.

Commit 6930c30

Browse files
Merge pull request #5250 from jakeboone02/patch-15
Docs: Added themed read-only list examples
1 parent 1c5f7ed commit 6930c30

File tree

1 file changed

+39
-0
lines changed

1 file changed

+39
-0
lines changed

docs/lists/lists-themes.html

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -269,6 +269,45 @@ <h2>Examples of all basic list swatches</h2>
269269
</ul>
270270

271271

272+
<h2>Read-only list items</h2>
273+
274+
<p>Read-only list items have a flatter appearance and do not have an icon.</p>
275+
276+
<p>Swatch <strong>"a"</strong> on read-only listview</p>
277+
<ul data-role="listview" data-inset="true" data-theme="a">
278+
<li>Gold<span class="ui-li-count">1</span></li>
279+
<li>Silver<span class="ui-li-count">2</span></li>
280+
<li>Bronze<span class="ui-li-count">3</span></li>
281+
</ul>
282+
283+
<p>Swatch <strong>"b"</strong> on read-only listview</p>
284+
<ul data-role="listview" data-inset="true" data-theme="b">
285+
<li>Gold<span class="ui-li-count">1</span></li>
286+
<li>Silver<span class="ui-li-count">2</span></li>
287+
<li>Bronze<span class="ui-li-count">3</span></li>
288+
</ul>
289+
290+
<p>Swatch <strong>"c"</strong> on read-only listview</p>
291+
<ul data-role="listview" data-inset="true" data-theme="c">
292+
<li>Gold<span class="ui-li-count">1</span></li>
293+
<li>Silver<span class="ui-li-count">2</span></li>
294+
<li>Bronze<span class="ui-li-count">3</span></li>
295+
</ul>
296+
297+
<p>Swatch <strong>"d"</strong> on read-only listview</p>
298+
<ul data-role="listview" data-inset="true" data-theme="d">
299+
<li>Gold<span class="ui-li-count">1</span></li>
300+
<li>Silver<span class="ui-li-count">2</span></li>
301+
<li>Bronze<span class="ui-li-count">3</span></li>
302+
</ul>
303+
304+
<p>Swatch <strong>"e"</strong> on read-only listview</p>
305+
<ul data-role="listview" data-inset="true" data-theme="e">
306+
<li>Gold<span class="ui-li-count">1</span></li>
307+
<li>Silver<span class="ui-li-count">2</span></li>
308+
<li>Bronze<span class="ui-li-count">3</span></li>
309+
</ul>
310+
272311
</div><!--/content-primary -->
273312

274313
<div class="content-secondary">

0 commit comments

Comments
 (0)