Use enforced navigation tabs to implement wizard forms

Technologies / Software Engineering Techniques / Software Engineer Views / Custom Controls (label) / Wizard Form Style

When the tab workflow attribute is set to free, the user may select any tab page by clicking on the tab. To use enforced navigation, set the workflow attribute of the tab panel to enforced :

<tabs workflow="enforced" id="exTabsEnforced_tabs">
...
<action>
<title>Next</title>
<command type="selectTabPage" tabPageName="exTabsEnforced_page2"/>
</action>


When designing wizard forms, you might want to ensure that the user goes through all tab pages in specified order, without skipping any tab page. In this case:

  1. Set the workflow property of the tabs panel to enforced . This will disable clickable tab headers.
  2. Add Next/Previous actions to each tab page.
  3. Specify additional CSS classes wizard and numberedSteps for the tabs panel.

<tabs id="requestTabs" workflow="enforced" cssClass="wizard numberedSteps"

tabbed_nav_wizard.png

Define tabbed panels

View: http://localhost:8080/archibus/schema/ab-products/solutions/programming/html/ab-ex-wizard-style.axvw