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.
- Banners
- 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
- Buttons are used to perform explicit actions. Buttons may be text or images.
- Confirm
- 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.
- Drawer
- 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.
- Header
- 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
- Scrolling areas allow the user move text and/or images across the device's display.
- Seekbar
- 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
- Switches allow users to activate and deactivate items. Switches are also used to select items within a list.
- Tab/Filter
- A Tab/Filter gives the user a way to easily switch between views or to filter a set of data.
- Toolbars
- 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.