Home | History | Annotate | Download | only in building-blocks
      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">&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>
     40