Related Pages: Popups, Message Popup
Lead: Liav Nadler ONGOING
Description
- A dialog is a popup window, allowing the user to enter information or make decisions
- In addition to the basic elements of a popup window, a dialog contains any set of form components, such as radio buttons, checkboxes, dropdown menus etc.
- A help icon (question mark) may appear next to the closing icon on the dialog's header, allowing the user to get help about the current popup. How does it open?
Usage & Behaviour
General guidelines
- For basic popup usage and behaviour see popups
- Dialogs may come in different widths and heights. Once determined, the width of a dialog will be fixed. In some cases the height of a dialog depends on values the user enters or error messages (see field validation)
Interaction
- For detailed popup interaction see Popups
- For form elements interactions browse the various form elements, including text field, radio button, check box, drop down menu, date picker etc.
Validations and errors
- For detailed validations and errors see Field Validation
Best practices
- Keep the dialog content as short as possible. A dialog may include several tabs, search component or drag and drop capabilities, but scrolling the entire dialog should be avoided
Design
| Zeplin link | Screen thumbnail |
|---|---|
| <<Zeplin Link>> | <<Screen with 200 width>> |
Code
<<a box containing the code - discuss with Femi>>