Introduction
Note: These features are part of the Visforms Subscription and are not included in the free Visforms version.
For a better understanding, we recommend reading the documentation completely and using the
Section Introduction
to start.
Relationships explained in earlier sections of the documentation are not repeated here.
Multi-page forms with overview page and progress bar
The Visforms Subscription feature “Multi-page forms” allows to further structure the layout of a form. You can split a form into multiple pages. You can also group the form fields together, which are displayed as an accordion.
This can be particularly helpful with very extensive forms and contribute to clarity. The structuring only serves to structure the content and clarity. The structuring does not offer the possibility to send off individual parts of the form in order to continue filling out the form in full later.
Submitting parts of the form as described is possible with the “Multi-page form” extension. More on this in: Editing data in the frontend. In the case of multi-page forms, the user must, as usual, first enter all the information in the form before he can submit the entire form.
The Multi-Page Form extension offers you these interesting features:
- Divide a form into any number of pages.
- Group the fields of a form into accordion groups.
- Add a summary page to a form.
- Show the user his progress.
Thanks to a manageable number of useful form options, you can flexibly control the specific design of a multi-page form.
In this demo form, we chose a progress bar and table layout for the summary page.
More on this in: Multi-page form .
In this demo form, we’ve decided against a summary page and opted for an accordion layout.
More on this in: Accordion Layout .
What the extension contains
The extension adds a new field type “New Page” to your Visforms installation. This field type allows you to split the fields of a form across multiple pages and create true multi-page forms. You can also group the fields into clear accordion groups. In the form configuration, under the “Advanced” tab, new options for configuring the summary page, the progress display and multiple pages are added.
The following is possible:
- Choose between the display options multi-page form or accordion groups.
- Set your own text for the back buttons.
- Set your own text for the button that leads to the summary page.
- Set your own text for the correction button on the summary page.
- Create a description for the summary page.
- Specify whether the description should appear at the top or bottom of the summary page.
- Choose between five different HTML layouts for displaying the summary: Table, definition list, unordered list, ordered list and paragraph.
- Set your own class attributes for the main HTML element of the summary: table, dl, ol, ul, div.
- Show a progress bar to the user.
- When using the form in modules with little space, use short texts in the progress bar.
Please note that the “Multi-page” or “Accordion” display type is a form option. All “New Page” fields are therefore displayed the same way on a form, either as a page break or as an accordion group.
Note: It is not possible to mix the display type within a single form.
Please read the next section on how to create a multi-page form: The Multi-Page Form.
In the following section you will learn how to combine the fields of a form into accordion groups: The accordion layout.