Views and Panes

The webOS framework provides a great deal of flexibility in creating view layouts for your app. An app can consist of one or more views, each of which can contain one or more panes that contain app content. A view can either have just a single pane, a split pane, or multiple panes--please see the Designing Your App section for more details of the different layouts.

Single Pane Layout

App content can be freely assembled either using common UI components provided by the webOS framework, or using custom components and app-specific content. Content within the content area is scrollable. Panes can either be fixed or free--fixed panes maintain a fixed width regardless of layout orientation, whereas free panes adjust their size to fit the available space within the view.

Each pane in the app can also contain a Header and Footer area to contain application controls and navigational elements. If the view has multiple panes, they should all either consistently contain Headers or else none should contain Headers for a consistent visual appearance.

Split Pane Layout

1. Status bar
2. Pane header area
3. Fixed pane content area
4. Free pane content area
5. Pane footer area

Status Bar

The status bar is generally visible on most views, as it provides an area for key system indicators, such as battery and network strength, as well app notifications. (See the Notifications section for more details.)

However, the status bar may also be dismissed to provide a full-screen experience. See the Full Screen layout section for more details.