¶ How it works
Multiple pages form is the global form that displays different pages depending on the chosen step. Text labels are used as buttons for navigation between pages.
¶ How to set up
Add an extension that is needed to be configurated.
¶ Step 1 (Form builder)
- Add RadioButton component with step names with custom class name wizard_step_selector
- For separate fields to steps – for each field add VisibilityRule depending on RadioButton:
- To add navigation buttons, insert Label component with wizard-prev and wizard-next class names accordingly.
¶ Step 2 (Landing page editor)
- add form
- add custom script $(function(){ multipageForm($('form')); });
¶ Customization
- wizard.pred, wizard.next, wizard.submit with show/hide parameter – use to change buttons visibility
- wizard.step with input.value paremeter (from RadioButton) – use to catch step change.
Custom code may trigger wizard.go with pred/next argument on the form to ask extension to make navigation. Use for custom buttons in onClick.