Roman Nurik | b99ae73 | 2012-03-06 12:26:15 -0800 | [diff] [blame] | 1 | page.title=Lists |
Joe Fernandez | 33baa5a | 2013-11-14 11:41:19 -0800 | [diff] [blame] | 2 | page.tags=listview,layout |
Roman Nurik | b99ae73 | 2012-03-06 12:26:15 -0800 | [diff] [blame] | 3 | @jd:body |
| 4 | |
Scott Main | cbcd17d | 2013-05-14 08:46:55 -0700 | [diff] [blame] | 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 | |
Roman Nurik | b99ae73 | 2012-03-06 12:26:15 -0800 | [diff] [blame] | 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> |