Related Pages: Message Popups, DialogDialogs
Lead: Liav Nadler Status colour Yellow title ongoing
| Table of Contents |
|---|
Description
- A popup is a window that forces the user to interact with it before they can go back to using the parent application.
- A popup window contains of these elements:
- A colored header, including a title and a closing button
- A content area, which may contain text, inputs and controls
- A primary action button
- A secondary action button, if relevant
Types
| Type | Usage | For more information |
|---|---|---|
| Popup messages | Display warnings, error messages and important information | See Popup Messages |
| Dialogs | Collect information from users or allowing them to make decisions | See Dialogs |
Usage & Behaviour
General guidelines
...
- The popup can be dismissed by either clicking the X button or by clicking the primary or secondary action button. Clicking outside the window
- For interaction Do not pop windows up without user action
- For interactions within dialog windows see Dialogs
Validations and errors
- Popup messages does not involve special validations. For validations and errors within dialog windows see Dialogs
...
- A popup window should carry a limited amount extent of informationcontent. If the content you wish to display is too extensive consider using other patterns
- Avoid nested popups
...