Skip to content

Commit f4a59f7

Browse files
committed
Listview: Add theming section
1 parent 97934e1 commit f4a59f7

File tree

1 file changed

+49
-0
lines changed

1 file changed

+49
-0
lines changed

entries/listview.xml

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,55 @@
1818

1919
<p><iframe src="/resources/listview/example1.html" style="width:100%;height:990px;border:0px"></iframe></p>
2020

21+
22+
<xi:include href="../includes/widget-theming.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
23+
24+
<ul>
25+
<li>
26+
<code>ui-listview</code>: Outermost container for listview widget
27+
<ul>
28+
<li>
29+
<code>ui-listview-item-static</code>: Simplest list item of listview when there are no anchor tags nested inside an item
30+
</li>
31+
<li>
32+
<code>ui-listview-item-divider</code>: List item element which is a divider
33+
</li>
34+
<li>
35+
<code>ui-listview-item-has-alternate</code>: List item element which has more than one anchor elements
36+
<ul>
37+
<li>
38+
<code>ui-listview-item-button</code>: First anchor element
39+
40+
</li>
41+
<li>
42+
<code>ui-listview-item-split-button</code>: Last anchor element
43+
<ul>
44+
<li>
45+
<code>ui-listview-item-split-icon</code>: Icon of last anchor element
46+
</li>
47+
</ul>
48+
</li>
49+
</ul>
50+
</li>
51+
<li>
52+
<code>ui-listview-item</code>: List item element which has only one anchor elements. If the listview item has count bubble, it will additionally have <code>ui-listview-item-has-count</code> class.
53+
<ul>
54+
<li>
55+
<code>ui-listview-item-button</code>: Anchor element of the list item
56+
57+
</li>
58+
<li>
59+
<code>ui-listview-item-icon</code>: Icon for the list item
60+
</li>
61+
<li>
62+
<code>ui-listview-item-count-bubble</code>: Count bubble for list item if present
63+
</li>
64+
</ul>
65+
</li>
66+
</ul>
67+
</li>
68+
</ul>
69+
2170
<p><strong>Style note on non-inset lists</strong>: all standard, non-inset lists have a -1em (16px) margin to negate the 1em padding on the content area to make lists extend to the edges of the screen. If you add other widgets above or below a list, the negative margin may make these elements overlap so you'll need to add additional spacing in your custom CSS.</p>
2271

2372
<h3>Numbered lists</h3>

0 commit comments

Comments
 (0)