Banners

Banners (Status, in older 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.

Overview

Banners are positioned toward the bottom of the screen. If there is an action bar, open keyboard, or visible notification, the banner is positioned immediately above. Banners are not actionable and automatically disappear after two (2) seconds. However, the duration can be adjusted based on the banner message and context.

A banner can expand to display multiple lines of text. However, displaying a banner with more than two lines of text should be avoided.

Note: You should avoid displaying more than a single banner at a time. If there is an open banner and a new banner appears, the new banner will immediately replace the existing one.

Interaction

A banner will be displayed as shown in the image to the right.

The banner will automatically disappear after two seconds. You can also tap on the banner to manually dismiss it.

Implementation guides

Status 2.0 implementation

Document Tags and Contributors

 Contributors to this page: chrisdavidmills, swilkes
 Last updated by: chrisdavidmills,