1 page.title=Lists 2 page.tags="listview","layout" 3 @jd:body 4 5 <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 12 <p>Lists present multiple line items in a vertical arrangement. They can be used for data selection as 13 well as drilldown navigation.</p> 14 15 <div class="vspace size-1"> </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> 40