Related Pages: Popups, Message Popups

Lead:  Liav Nadler ONGOING

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

Code

<<a box containing the code - discuss with Femi>>