Related Pages: Popups, Message Popups

Lead:  Liav Nadler 

Description

A dialog is a popup window, allowing Popup which allows the user to enter information or make decisions.

Image Modified

Usage & Behaviour

General guidelines

...

• In addition to the basic elements of a popup Popup window, a dialog contains any a set of form components, such as radio Radio buttons, checkboxes, dropdown menus etc Check boxes, and Drop-down menus.

• A help icon (question mark?) may appear next to the closing icon on (X) in the dialog's header, allowing the user to get help about the current popupDialogs may come in different widths and heightsfor additional in-context help.

• Dialogs can be any width or height. In some cases, the height or width size of a dialog changed depending on values the user entered or error messages (see Field Validation)the dialog can be responsive to choices made by the user and any error messages. See Field Validation.

Interaction

• For detailed popup interaction information, see Popups.

• For form elements interactions browse the various form elements, including text field, radio button, check box, drop down menu, date the interactions of other form components, see their individual pages, such as Text field, Radio button, Check box, Drop-down menu, Date picker etc.

Validations and errors

• The main primary action button will be enabled even if when the dialog box contains empty 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 possibleand informative.

• A dialog may include contain several tabs Tabs, search component Search or /wiki/spaces/~347593403/pages/918783940 capabilities components, but scrolling the entire dialog should be avoided.

Design

...