Related Pages: Message Popups, Dialogs
| Table of Contents |
|---|
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 |
|---|---|---|
To display warnings, error messages, and important information. |  | |
To collect information from the user, or to allow them to make decisions. |  |
...
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.
...
The popup header will describe the object it is referring to . For (for example: Shifts).
In some cases it may also contain
the actual name of the entity (for example: Car Insurance evaluation form).
if the header text exceed the container’s width it will be truncate, showing an ellipsis (…). In this case, hovering over the header will open a tooltip showing the full header text.
In some rare cases, button labels may change as a result of a user action.
...