Firefox OS 2.0 Building Block implementation

This page provides links to the Firefox OS 2.0 Building Block implementation guides. The v2.0 Building Blocks are used in releases 2.0 through 2.2.

Firefox OS Building Blocks

Action menu
An action menu presents a list of actions, related to the app's content, from which the user may make a selection.
Status bars (Banners, in newer versions of Firefox OS)  provide information to the user in a transitory fashion, typically to confirm an action or to alert the user to a system event.
Buttons are used to perform explicit actions. Buttons may be text or images.
A Confirm dialog (Dialog, in newer Firefox Os versions) provides the user with some important information, asks the user to take or confirm an action, or allows the user to make a choice or enter some information.
Context menu
Accessed via a tap and hold gesture (sometimes called a long press), the Context Menu (called the Object Menu in older versions of Firefox OS) allows users to perform actions on objects without having to leave their current view.
The drawer is a scalable way for users to navigate between views or filter views. The drawer can also include links to app settings or other tools.
A header is a dedicated space at the top of the screen, most often used to display the view title. It can also include navigation, action buttons and other controls.
Input area
An input area is a data entry field, and can be as simple as a text only entry field, or as complex as a multipart entry field with text entry, value selections, and buttons.
List items
List items are typically used to navigate to a new screen, or to display information or controls.
Progress and activity
Progress and activity indicators provide the user with visual feedback that a process (such as a resource loading) is active.
Scrolling areas allow the user move text and/or images across the device's display.
A Seekbar (Slider in more recent versions of Gaia) is used to select a value from a continuous or discrete range of values by dragging the handle.
Edit mode
Edit mode (Select Mode in more recent versions of Gaia) is designed to select and perform actions on items.
Switches allow users to activate and deactivate items. Switches are also used to select items within a list.
A Tab/Filter gives the user a way to easily switch between views or to filter a set of data.
Toolbars contain actions, indicators and navigation elements associated with the current view.
Value selector
Value Selectors let the user choose from among a list of possible values.


Document Tags and Contributors

Contributors to this page: wbamberg, chrisdavidmills, chrisdavidmills-github, swilkes
Last updated by: wbamberg,