Multipage forms are created on a single landing page using the section block. It works alongside the progress bar and action button blocks. Section logic can be used to show or hide questions.
Anything outside of the section block is shown on every page of your survey. Your header, footer, and even actions buttons should be placed outside of the section block. There is no need to add action buttons to every section.
The section block is made up of one or more sections. It gives you easy layout and management control over your form. You can drag and drop form inputs, layout blocks, or entire sections where you want them.
When you add a section block, the first section is included automatically.
To add more sections, click the add new section button in the bottom right. New sections appear at the bottom of the section block; they can be dragged to the location you wish.
It is a good idea to name your sections. This is done by the right-side cog menu on the section's header.
There is no limit to the number of sections.
A section can be copied by clicking the copy icon to the right-side of the section's header.
You should be careful when copying a section as everything is copied, including:
- Section name
- Form inputs (including the contents of dropdown menus, etc)
- Layout blocks
- Pre-conditions used in survey logic
By default, moving between pages is instant. However, you can also use animation styles to create a more interactive experience. This is particularly effective for slide-based forms which typically have one question per page.
Clicking on the right-side cog menu for the overall section block allows you to choose an animation type and a style.
The action buttons block behaves appropriately based on context. It should be added outside of your section block as it will be shown on every page.
For multipage forms, the action button block knows what page it is on. It will show previous, next, and submit buttons as required. For a single page form, the action button block will always show as a submit button.
Action button labels
Action button blocks have three buttons. By default, these are labelled previous, next, and submit. Clicking on the block allows you to change the labels in the left side panel.
Action button styles
Action button blocks default to the button styles in the landing page template. Clicking on a button, then the manage styles button in the left side panel allows you to change individual button styles.
The same side panel allows you to change the positioning of the buttons.
- Split (default): previous left-aligned, next and submit right-aligned
- Group left
- Group right
- Group centre