Overview

Wizard

Step mode of the form archetype for guiding multi-section compilations.

When to Use It

  • Guided processes
  • Complex insertions
  • Onboarding or operational setup

Operational Notes

  • Based on parametric-dialog with the isWizard flag
  • Reuses standard form table/column metadata

md_props_bag: archetypes.form (Reused by the Wizard)

The wizard does not introduce a dedicated archetypes.wizard node: it uses the same archetypes.form options.

Snippet 1JSON
{
  "archetypes": {
    "form": {
      "columns": 1,
      "orderedTabs": ["step_1", "step_2", "step_3"]
    }
  }
  • columns: field layout density within the steps.
  • orderedTabs: step/tab display order in the wizard.

Events and Subscriptions (Host)

The wizard uses wuic-parametric-dialog with isWizard=true, so it exposes:

  • onDialogDataBound
  • onDialogTabChange
  • onWizardStepChange
  • onDialogCustomAction
  • onDialogSubmit
  • onDialogRollback
  • onDialogCloseRequested

Template example:

Snippet 2HTML
<wuic-parametric-dialog
  [hardcodedDatasource]="citiesDs"
  [isWizard]="true"
  (onWizardStepChange)="onWizardStepChange($event)"
  (onDialogSubmit)="onWizardSubmit($event)">
</wuic-parametric-dialog>

Screenshot

wizard / wizard-main
wizard / wizard-main