Breaks are used to divide the content on a form into Pages, or Sections that can be conditionally shown or hidden.

This is a handy way to:

  • Have entire groups of questions be shown or hidden based on how the form is answered - that is, to apply conditional logic to whole areas of a form rather than just one question at a time.
  • Have media, text, questions or anything on your form, broken into distinct chunks to make long forms more approachable.

How do I add a Page or a Section Break?

  1. Click on the line where you wish the Break to be.
  2. Go to the left of this line and select the ‘Break’ icon to insert the Break line (note that this line will not appear on the live form, it’s just to help you visualize where the breaks will be).

  1. To configure the Break, go to the right of the line to the ‘Configure’ cogwheel. Here you can now choose:

    1. Whether you want the content beneath the break to be on a new page, by selecting “On a new page”. This will produce a blue line on the form to indicate the Page Break.
    2. Or to be displayed conditionally on the same page, by selecting “On the same page” to create a Section Break. This will produce a red line on the form to indicate the Section Break.
  2. You can then configure conditional logic for the Page or the Section, by turning on the toggle below and setting up your conditions.

  1. Click “done” and save your form!

How do Page Breaks work, and how does visibility logic apply to them?

Page Breaks appear as a blue line in the editor. A Page Break will place all content that appears beneath it on a new page, and the page will end when either another Page Break is inserted, or at the end of the form.

When conditional logic is set on a Page Break, it is used to determine when the page will be included. This means that as the form is answered, the total number of pages can change. As every form must be submittable, this means that the submit button will appear on the last included page that has a question on it.

When a person is filling out the form, they will not be able to move to the next page until all required questions are answered on the current page.

How do Section Breaks work, and how does visibility logic apply to them?

Section Breaks appear as a red line in the editor. A Section Break governs all content beneath its line, so any conditional logic applied to that line will determine whether the content in that section is visible or not. In this way, Sections are really contained inside the page. This is a great way to make chunks of content appear conditionally and create branches of logic that are personalized.

Formatting Pages

There are several options available to customize the pagination buttons.

  1. Make sure you have at least one page break inserted.
  2. Go to Theme → UI Elements → Pagination Buttons