Related Pages: Popups, Message Popups
Lead: Liav Nadler
| Status | ||||
|---|---|---|---|---|
|
| Table of Contents |
|---|
Description
A dialog is a popup window, allowing the user to enter information or make decisions
...
Usage & Behaviour
General guidelines
Structure
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
Dialogs may come in different widths and heights. In some cases the height or width of a dialog changed depending on values the user entered 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 /wiki/spaces/~347593403/pages/918783940 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>>