Forms - Multipage forms

Overview

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.

Information

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.

Section block

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.
mceclip0.png

When you add a section block, the first section is included automatically.

Adding sections

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.

mceclip2.png

There is no limit to the number of sections.

Copying 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

 Section animation

By default, moving between pages is instant. However, you can also use animation styles to create a more interaction 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.

mceclip0.png

Action buttons

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 sidepanel.

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 sidepanel allows you to change individual button styles.

The same sidepanel allows you to change the positioning of the buttons.

  • Split (default): previous left aligned, next and submit right aligned
  • Group left
  • Group right
  • Group center

 

 

 

 

Have more questions? Submit a request

Comments