Additions to Customize Lists

The HP webOS™ platform provides a few design additions to help organize the lists used in applications, including separators and dividers. Dividers can have labels and icons, and even be collapsible. Collapsible dividers show/hide information under it by tapping the divider.

The following table provides additional information with image examples.

Item Descriptions Example
Divider

A divider has a simple line or a label with a horizontal line to its right. There are a variety of display styles. They are used as headers for groups of information. Implemented by using the Mojo.Widget.List API with the divider attributes.

Example: An alphabetical list of contacts, where each divider has a letter to organize contacts by their last names.

Divider, collaspible

A collapsible divider has a label followed by a horizontal line and then a button. Tap the button to open and display the items under that divider, and then tap again to close it. Implemented by using the Mojo.Widget.List API with the divider attributes.

Example: Open the Email application, tap the mail label to show the folders under that account.

Drawers This item is essentially a container that shows and hides the items contained within it. You can structure lists with multiple levels of drawers. Implemented by using the Mojo.Widget.Drawer API.

Examples:
  • The Email application allows users to show/hide the list of folders under each Email Account divider.
  • The Application Menu contains an Edit command that displays its submenu items for Cut, Copy, and Paste.
  • The Contacts application allows users to "link" multiple contact profiles together to collect all of the information they have about a person from multiple sources into a single contact record.