Related Pages: Message Popups, Dialogs

Description

A popup is a window which appears over the primary screen, usually 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	Displaying warnings, error messages, and important information.
Dialogs	Collecting information from the user, or allowing them to make decisions.	Image RemovedImage Added

Usage & Behavior

...

• A popup window usually appears as a result of a user clicking a button, an icon, or a 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.

...