Hide and show form fields with Conditional logic

Knowledge Base → Forms → Form Building → Field Options → Conditional Logic

— Premium Feature —

Conditional logic can be used to hide and show form fields or sections of your form if any or all of several criteria are met. When a field is conditionally hidden, its value will be cleared.

Get Better Forms FREE!

Hide and show form fields

Go into edit your form.
Open the Field Options for the field that you want to conditionally hide or show.
Select Use Conditional Logic and add any criteria that you want. For example, you may want to only show the current field if the 'Would you like to add your email address?' field is equal to 'Yes'.
Now, when the user meets the criteria in the conditional logic, the hidden field will appear.

Please note that when a field is conditionally hidden, its value will be cleared.

Show a field when another is completed

Go into edit your form.
Open the Field Options for the field that you want to conditionally show.
Select Use Conditional Logic and set it up to say:
Show this field if any of the following match: Field X is NOT equal to ______(leave blank).

Show a field if it includes a value

If you would like to display a field if another field contains a certain word/phrase, follow the instructions below.

Go into edit your form.
Open the Field Options for the field that you want to conditionally show or hide.
Select Use Conditional Logic and set it up to "Show this field if any of the following match". For example, you may want to display an HTML field message when a certain email address is entered.
Now, when the user meets the criteria in the conditional logic, the HTML field message will appear.
To completely restrict email address in your form, enable the Submit button logic.

Conditionally display a section

To hide or show a section of your form, add a Section Heading field which uses conditional logic. All the fields inside the section will hide or show with the heading. Please note that when a section is hidden with conditional logic, all fields within the section will be cleared.

Add a 'Section' → 'Heading' field. Drag and drop fields into the Section.
Open the Section field's options click 'Use Conditional Logic' and add any criteria that you want.
If you do not want to see the heading for this section, open the Field Options and set the Label Position to 'None'.
When the user meets the criteria in the conditional logic, all the fields inside of the Section Heading will appear.

Display selected number of fields

If you would like to allow users to fill out an identical field n times, where n is dependent on the number selected in another field, follow the instructions below to set this up. This may come in handy if you have a field where a user selects the number of tickets and you want 3 text fields to show up if '3' is selected for the number of tickets.

Add a dropdown field for selecting the number of sets to show. The options for this field would simply be numbers: 1, 2, 3, etc.
Add a 'Single Line Text' field and title it 'Name'.
Use the duplicate icon in the upper-right of each of your new fields to create the exact same field. Continue duplicating each field until you have the maximum number of fields that you need. For example, if your user can select up to five from your dropdown created in Step 1, you need create five 'Name' fields.
Add conditional logic to each of the 'Name' fields.
1. Conditional logic settings for the first 'Name' field:
  
  If you want your first 'Name' field to always be visible, do not use any conditional logic for this field.
2. Conditional logic settings for the second 'Name' field:
3. Conditional logic settings for the third 'Name' field:
4. Add similar logic to the rest of the 'Name' fields in your form.