Dialog Box
You may use dialogs for the confirmation of important changes that could have a potentially destructive effect (such as erasing or overwriting data), before exiting the application, and for severe errors like aborts that need direct user intervention.
|
Figure 1: Confirmation Dialog |
Required Properties
- Formulate messages so they can be answered with standard Yes, No or Cancel.
- The dialog box must be centered on the page, both horizontally and vertically.
- Disable the background page in order to insure that the dialog remains on top, and provide an alternative confirmation page for devices that do not support pop-ups, such as a new page with white background and a dialog layout.
Optional
- If you are not using the operating system dialogs, provide a Cancel icon on header, a Yes button, and a No button.
Recommended
- Avoid using dialog boxes for simple error messages.
Dimensions
- Minimum height: 100 pix
- Header witdh: 205 pix
- Header height: 20 pix
- On the header, provide a 4 pix margin on the left and a 1 pix margin on the right
- On the header, provide a 1 pix leading space between each icon
Colors and Fonts
- Header background: Blue #003366
- Header font: Bold white #000000
- Container background: White #FFFFFF
- Container text: Standard Black #000000
- Border: Blue #003366
