Wizard
Layout with a guided step manager. Use it to generate guided forms through steps.
Example
Loading...
Properties
:::palette-item com.flowable.design:flowable-core-palette,com.flowable.design:flowable-core-palette com/flowable/palette/core.form.palette,com/flowable/palette/form.template.palette cloud-wizard
Context
Wizard component has special expressions in its context in order to manage the current state.
| Expression | Type | Description |
|---|---|---|
{{$currentPage}} | number | Index of the current page. Starts from 0. |
{{$isLast}} | boolean | True when current page is last one. |
{{$isFirst}} | boolean | True when current page is first one. |
{{$pageValid}} | boolean | True if current page has no errors. |
e.g.
Next button always enabled but force the 3rd page to be valid in order to continue:
nextEnabled : "{{$pageValid || $currentPage !== 2}}"
Events
| Event | When | Additional | Cancellable |
|---|---|---|---|
Wizard.next | Wizard Next button is clicked | Definition + State | Yes |
Wizard.previous | Wizard Previous button is clicked | Definition + State | Yes |
See section Events for more information.