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?

Using slash commands

Adding a break using slash commands

  1. Click on the line where you want the break to go.
  2. Type /break to bring up both the section and page break types.
  3. Click the desired type of break or use your arrows keys and Enter to select a type.

Without using slash commands

  1. Click on the line where you want the break to go.
  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).

Configuring the break

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

    (a) If you want the content beneath the break to be on a new page, select on a new page. The break line will be blue to indicate that it is a page break.

    (b) IF you want the content to be displayed conditionally on the same page, select on the same page. The break line will be red to indicate that it is a section break.

    Note: If you added a break using slash commands (described above), you do not need to set this option yourself as the break you chose will have been a section or page break explicitly. You may, however, follow these instructions to change the break type after the fact.

  2. You can then configure conditional logic for the page or the section by turning on the toggle below and setting up your conditions.

Moving a page break

You may click and drag the break to change its position in the form.

Moving a break in the 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.