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

• The main action button will be enabled even if the dialog box contains mandatory fields which were not filled-in. In this case, clicking the main action button will:

  • Show an error message at the bottom of the dialog

  • Disable the button

• 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>>