Related Pages: Message PopupPopups, DialogDialogs
Lead: Liav Nadler Status colour Yellow title ongoing
| Table of Contents |
|---|
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 | For more information |
|---|---|---|---|
| Message Popups | Display warnings, error messages and important information |
| See Message PopupPopups |
| Dialogs | Collect information from users or allowing them to make decisions |
| See Dialog Dialogs |
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
...
- The popup is centered horizontally on the screen
- The popup appears at 3/4 height of the screen (TBD)
- The user will be able to move the popup across the screen
- The user cannot resize change the width or height of a popup window
...