Headers and Footers
A Header area can contain several stacked Headers. Headers can either be fixed or scrolling. Fixed headers remain anchored to the top of the pane, whereas scrolling headers scroll with the app content. Headers can contain a toolbar or other contents, such as a search field. Footers can be used to contain a toolbar that contains icon buttons. Please refer to the Designing Your App section for details of what to use Headers and Footers for, and the webOS TouchPad Wireframe Stencils document for examples.
Email Header and Footer Areas
1. Header toolbar with title
2. Tabs
3. Search field
4. Footer toolbar
Each pane contains a toolbar in the Header and Footer area.
The header toolbar in the left pane contains the pane's title.
The header toolbar in the middle pane contains the pane's title and a badge to indicate the number of unread emails. Beneath the toolbar there is also a search field in the header area.
The header in the right pane contains an icon button to print the email as well as other buttons to flag and mark the email.
The toolbar in the footer area contains icon buttons for various actions, such as creating new emails, replying to, forwarding, deleting and moving emails. The middle and right footers also contain grab handles for dragging the panes--see the Layouts: Sliding Panes section for details.
Messaging Header and Footer Areas
1. Header toolbar with title
2. Tabs
3. Search field
4. Footer toolbar
The Header area in the messaging application contains three stacked elements--a toolbar containing the pane title, a set of tabs to navigate content, and a search field to filter the list contents. All three header elements are fixed and so do not scroll with the list.