Form Builder Smart Controls

Table of Contents

• What are Condition Values?
• How do I add condition values to an element?

What are condition values?

Condition Values determine whether or not an element is visible based on previous responses within the form. If the expression in the conditional value is evaluated to be true, the element will appear on the form.

Condition Values can be used to create simple or complex skip logic. (For example, if ‘No’, skip to question 10.) 

How do I add condition values to an element?

To add a condition value to an element on your form, please follow the instructions below.

PLEASE NOTE: This is just a simple example of adding basic conditional logic.  More advanced conditional statements can be written. w3schools is a great place to learn more about conditional statements.

STEP 1. With your form loaded in the Form Builder, click on the element you'll be using to determine whether the following element should show or remain hidden.

Under the Element Properties, copy the data column name of the element.

step 2

Scroll down to the Smart Controls tab (A) and enter your JavaScript into the Condition Value field (B). should_i_show_the_next_element==0

should_i_show_the_next_element is the data column name of the previous element.  0 is the sort order of the "Yes" option.  Be sure to use == and not =.

step 3

Click Save.

step 4

Test it on your device.

Click on the first element.

Choose Yes (A) and click Select (B).

You'll see the element now shows on the form.