Related Pages: Message Popups, Dialogs

Description

A popup is a window which appears over the primary screen. It usually appears as a result of a user action. A popup must be dismissed by the user before returning to the primary screen.

Types

Type	Usage	Example
Message Popups	To display warnings, error messages, and important information.	Image RemovedImage Added
Dialogs	To collect information from the user, or to allow them to make decisions.	Image RemovedImage Added

Usage & Behavior

...

• A popup window usually appears as a result of a user action, such as clicking a button, icon, or link.

Structure

A popup window consists of:

• A colored header, including:

  • a title.

  • a closing button (X).

  • a help button (optional).

• A content area, which may contain text, inputs and controls.

• Buttons, including:

  • a primary action button.

  • a secondary action button, if relevant.

  • other action buttons, if relevant.

The popup appears over a semi-transparent background.

...