Clickable Steps and Sub-steps

The steps are now clickable so that a user can quickly navigate to any of the previous steps. However, a user can only navigate to the steps that a user has previously navigated. Future steps that were previously started are navigable if there were no changes to any preceding steps (no dirty forms will be supported). For example, in a five steps process, if a user is on the fourth step, the user can navigate to any of the steps between and four.

Substeps that are hidden are not directly navigable. As such, clicking on a previous step will display the substeps. However, the user will always be dropped off at the first substep within the selected step. For example, in the previous example of the five steps process, if Step 2 has four sub-steps from a to d. When a user clicks on Step 2, the user is navigated to sub-step a, and then the user can navigate between sub-step a and d.

To make steps clickable, add the below configuration in the stepper actor appearance config:

{
  "navigable": true
}

When a user clicks on any of the previously navigated steps, it is highlighted with the step number, and the rest of the navigated steps are highlighted with a tick mark.

Status