• Skip to main content
  • Select language
  • Skip to search
MDN Web Docs
  • Technologies
    • HTML
    • CSS
    • JavaScript
    • Graphics
    • HTTP
    • APIs / DOM
    • WebExtensions
    • MathML
  • References & Guides
    • Learn web development
    • Tutorials
    • References
    • Developer Guides
    • Accessibility
    • Game development
    • ...more docs
B2G OS
  1. MDN
  2. Archive of obsolete content
  3. B2G OS
  4. Firefox OS apps
  5. Firefox OS Building Blocks
  6. Firefox OS 1.x building blocks
  7. List

List

In This Article
  1. Characteristics
  2. Visuals
  3. Interaction
  4. See also

Draft
This page is not complete.

Lists are used to display a set of consecutive items, such as a list of contacts or a list of messages.

Note: Lists are undergoing design finalization and as such, visualizations depicted here may not exactly match the final product.

Characteristics

  • List items may vary in height (from one to three rows in a single item).
  • List items may be as simple as just a text string, to including images, text, and buttons.
  • Lists are comprised of rows, with optional section headers.

There are several types of list rows:

Action row
An action row is one in which a tap anywhere in the row triggers the row.
Status indicator row
Need details.
Button row
Need details.
Link row
Need details.

Visuals

Interaction

See also

  • List coding guide
  • Firefox OS user experience

Document Tags and Contributors

Tags: 
  • Apps
  • Firefox OS
  • Firefox OS UX
  • NeedsContent
  • Reference
  • Référence
  • UX
 Contributors to this page: chrisdavidmills, kscarfone, Sheppy
 Last updated by: chrisdavidmills, Feb 27, 2017, 2:57:21 AM