Related Pages: Message Popups, Dialogs

...

Description

A popup is a window that appears over the main display. It usually appears on user's action (e.g. clicking help icon) and must be dismissed by the user before returning to the parent application

Types

Type	Usage	Example
Message Popups	Display warnings, error messages and important information
Dialogs	Collect information from users or allowing them to make decisions

Usage & Behaviour

General guidelines

Structure

• A popup window may contain these elements:

  • A colored header, including a title and a close button (X)

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

  • A primary action button

  • A secondary action button, if relevant

  • Other action buttons, if relevant

• The popup appears over a semi-transparent background

...