Toggle menu

Multipage Forms and Branching

3. Create a decision point

This example is slightly artificial, but demonstrates all of the key things to consider in branching forms.

The flow of the original form is:

Original Page Flow

We're going to add a new page which will determine the page that is shown next:

Branching Page Flow

Branching forms look at the value of a field on a page (eg the answer to a question) then show different pages depending on the answer. This is a great way to skip over pages that might be irrelevant, or display additional pages to gather further information. You could even use branching early in your form to take someone to a final page letting them know they don't need to complete it.

Add a new page

Add a new page in position two in your form.

Decision Page

Name the page DECISION. Remember you can reorder pages by dragging and dropping the page tab.

Add fields

Add the following fields to your new page.

Decision Page Fields

  • Navigation button back link - Place a navigation button at the top of the page. Change the mode to back link and label to "Back". This link will always take the user back to page 1
  • Vertical layout - Add a layout field to hold the other fields 
  • Radio button group - The value picked in this field will determine which page the user sees next. Call the field DOYOUHAVEREFERENCE. Set the options as Yes and No
    Radio Options
  • Navigation button - Give it the label "Continue". We'll look at the navigation function in the next step
Last modified on 8 June 2022

Share this page

Facebook icon Twitter icon email icon

Print

print icon