Form extension

Step navigation component

Setup procedure:

1. Always within the same Section
2. Create a new Row or Column
3. Add all the desired components along with Form : Step navigation
4. Do this as many times as needed
5. For each row or column created (step) navigate through General Styles > CSS
6. Find the field labeled Additional CSS classes on the element and enter the tags step and stepX (where X will be the replaced by the number of the step ex, step1, step2, etc)
7. Make sure to click Apply!
8. Further, for each of the Form : step navigation components already placed on the page, click the Toggle additional options > Form : step navigation
9. Enter the number of the step and the total amount of steps respectively

Setting up Form : configuration:

1. Create a new Row in the same Section
2. Add the Form : Configuration within this row
3. Click on the Section and navigate through General Styles and CSS
4. In the field Additional CSS classes on the element add the tag form
5. Give your form a unique identifier in the field labeled ID
6. Click Apply!
7. Back to the Form : configuration, click on the Toggle additional options > Form : configuration
8. There enter the unique form ID defined earlier
9. Fill in the rest of the fields to your preference
10. Save & generate!