...
Element | Details | Images |
---|
Header | | In case of a dialog:  |
Navigation bar | Shows all of the steps in the wizard. Indicates which step the user is currently on, and the steps which have already been covered.
| Image Removed Image Added |
Content area | Displays content relevant for the selected step, including a header, a form, and additional content to support decisions. The form may include a variety of input fields types, such as Radio Buttons, Check Boxes, and Drop-down Menus.
|  |
Actions Row | On each step, the actions row will include at least two Dialog Buttons: Back (secondary) and Next (or other primary). On the first step, the Back button is disabled. On the last step, the primary button will show the final action that will occur (e.g. Create statistic Set). Additional buttons may also be included. If one of the fields contains an error, the primarybutton will be disabled and an error message will be shown (see validations and errors below).
| Image Removed Image Added |
Default State
By default, the wizard will show the first step, with the first field in focus.
...