How to hide or show sections based on the form stage

Prev Next

Overview

Set up advanced workflow actions that allow a form to be completed by multiple users in different stages. Only relevant sections will be shown to each user, and the form will be automatically forwarded to the next user until the final stage is complete.  For example, let's say you have a form with three sections: one for the office, one for an inspector, and one for a supervisor. You could set up rules that allow each team member to complete their assigned section, with the other sections hidden.  When the office worker completes their section, it would automatically be forwarded to the inspector. When the inspector finishes, it would be automatically sent to the supervisor. When the supervisor fills out the final stage, the form would be complete when submitted.  

Set up the form

Using the example stated above, we have created a form with three separate sections that will display during each of the three stages. Each stage is labeled accordingly.  

Office stage (section 1)

  1. Customer Name (Text field)

  2. Customer Phone Number (Formatted numeric field)

  3. Customer Address (Long text field)

Office stage fields shown in the Form Builder

Inspector stage (section 2)

  1. Windows (Option list)

  2. Multi photo field

  3. Doors (Option list)

  4. Multi photo field

  5. Ceiling (Option list)

  6. Multi photo field

  7. Walls (Option list)

  8. Multi photo field

Inspector stage fields shown in the Form Builder

Supervisor stage (section 3)

  1. Approving Supervisor Name (Text field)

  2. Status of Project (Option list)

  3. Supervisor Signature (Signature field)

Supervisor stage fields shown in the Form Builder

Establish workflow and delivery actions

Once the form is set up, select the Delivery button to set up the three stages.   In our example, we have set up and labeled the three stages of the form. The first portion is the Office Stage, where customer information will be collected and sent out to the inspector. Next, the inspector will complete the Inspector Stage, and lastly the form will be sent to the supervisor for the final approval.  Delivery stages configured for the office, inspector, and supervisor workflowAt each forward stage you will need to choose the recipient and fill out the message boxes with the information you would like to be provided in the recipient's app inbox and email inbox.   Recipient and message fields configured for a forward stage

Create the advanced rules

  1. Go to the Advanced Rules section of your form:

    Advanced Rules section of the form

  2. Add a Variable.

    Add Variable option in Advanced Rules

  3. Rename the variable and select the Function drop-down menu.

    Function drop-down menu for the new variable  In our example, we have named the variable Current Stage and have selected the Current Stage text variable option. Current Stage variable named in Advanced RulesCurrent Stage text variable option selected

  1. Once the variable has been determined, then continue to the Rules tab to set up the conditional logic to hide and show sections.

    • Below we have created the Stage Rules. When setting up each rule, select your variable as Current Stage, Equals, and then the name of the previously defined stage in the workflow delivery; 

      Note

      This name must be an exact match with no extra spaces or characters in order to work correctly. 

Stage Rules created for each workflow stage