Creating a wizard with the web UI framework

You can create a wizard by specifying the necessary attributes in the wizardEntities tag of the flow definition XML file.

About this task

Do the following in the flow definition XML file:

Procedure

  1. Specify the following attributes in the wizardEntities tag:
    • Page
    • Rule
    • Transition
  2. Specify the flow controller attributes in the wizard tag.

    If you leave it blank or undefined, com.sterlingcommerce.ui.web.platform.wizard.SCUIDefaultWizardController will be used as a controller.

  3. Specify the breadcrumbs attributes in the categories tag.
  4. Specify the Web UI Framework front end of the wizard.

    On the UI, a wizard should be extended from the sc.plat.ui.Wizard class. A Wizard is a container with specific functionalities related to wizards. A Wizard can contain wizard pages (instances of sc.plat.ui.WizardPage or sc.plat.ui.ExtensibleWizardPage). With its card layout. a Wizard can switch between multiple wizard pages.

    The sc.plat.ui.Wizard class extends the sc.plat.ui.Screen class, which adds data binding capabilities to it.

    The doAction method, doBreadcrumbAction method, and other methods have been provided in the class for navigation.

    This class also fires various events which can be used to redraw a breadcrumb panel or a navigation panel.