Related Pages: Popups, Message Popup

Lead:  Liav Nadler 

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

Code

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