Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Element

Details

Images

Header

  • The header describes the wizard’s purpose / expected results.

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 RemovedImage 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 RemovedImage Added

Default State

By default, the wizard will show the first step, with the first field in focus.

...