blob: 5514824b056b35f7e049a19b98037f528eb4f554 [file] [log] [blame]
Roman Nurikb99ae732012-03-06 12:26:15 -08001page.title=Lists
Scott Main36c27c42013-03-18 14:52:45 -07002page.tags="listview","layout"
Roman Nurikb99ae732012-03-06 12:26:15 -08003@jd:body
4
Scott Maincbcd17d2013-05-14 08:46:55 -07005<a class="notice-developers" href="{@docRoot}guide/topics/ui/layout/listview.html">
6 <div>
7 <h3>Developer Docs</h3>
8 <p>List View</p>
9 </div>
10</a>
11
Roman Nurikb99ae732012-03-06 12:26:15 -080012<p>Lists present multiple line items in a vertical arrangement. They can be used for data selection as
13well as drilldown navigation.</p>
14
15<div class="vspace size-1">&nbsp;</div>
16
17<div class="layout-content-row clearfix">
18 <div class="layout-content-col span-9">
19
20 <img src="{@docRoot}design/media/lists_main.png">
21
22 </div>
23 <div class="layout-content-col span-4 with-callouts">
24
25<ol>
26<li>
27<h4>Section Divider</h4>
28<p>Use section dividers to organize the content of your list into groups and facilitate scanning.</p>
29</li>
30<li>
31<h4>Line Items</h4>
32<p>List items can accommodate a wide range of data types in different arrangements, including
33 simple single-line items, multi-line items, and custom items with icons, checkboxes, and action
34 buttons.</p>
35</li>
36</ol>
37
38 </div>
39</div>