Browse Article by Topicsconditions
- Smart Forms Using Conditional Logic
- Adding a license agreement to a form
- Creating a scrollable Terms & Conditions
- How to Create a Basic Multiple Payment form
- Hide or Show Multiple Fields at Once
- How New "Conditions For" and "Order by" boxes work in conditional logics
- Conditional Logic Inserts Text/Calculation Into A Field
- How to Skip Pages Using Conditional Logic
- How to Set Content Mask on a Form Field Based on Another Field Input
- How to Make a Field Required Based on User's Answer
Related Forum Questions
- Issue with Calculation Conditions
- Zip code conditions fail on my form
- Possible conflict with form condition(s) making form not to work properly as it should
- Can I conditionally Hide/Show text fields on PDF output of a form?
- How to create condition based on a range?
- Why are email conditions disappearing?
- setting conditions for recipient email
- delete multiple conditions
- In V4, HTML in field labels is stripped, it is not in V3
- Corrupted conditions on form
How toAdded: November 4, 2012
In this tutorial, we'll be learning how to hide or show multiple form fields based on a single conditional logic - using form collapse bars.
Before proceeding, we must get acquainted with Form Collapse bars first. What is a form collapse? Well, according to this article about JotForm fields [http://www.jotform.me/help/46-Form-Fields],
[quote] a Form Collapse hides/shows a section of your form, and splits your form into expandable parts.[/quote]
In this article guide, we will be using the Form Collapse to split the form into parts, but not expandable ones, and we'll be using conditional logic to hide or show those parts.
1. Insert a form collapse at the beginning of each section
This will mark the start of the form section that you want to hide. Insert as many fields as you want on this section.
Form Collapse Configuration
Form Collapse Status will either collapse or expand the bar that contains the form fields. Visibility applies only to the Form Collapse bar, and not the fields under it.
You can set Form Collapse Status and Visibility to any combination, except [Status: Closed] and [Visibility: Hidden]. That just wouldn't make sense ;)
2. End your section using another Form Collapse
A Form Collapse incorporate all fields under it, except another Form Collapse. Unless your form section isn't followed by another one (i.e., consecutive form collapse sections), you will need to place a stopper to end the section.
We can accomplished this by adding another Form Collapse that is set as [Status:Open] and [Visibility:Hidden]
3. Add a condition to hide or show a section
Now that your form sections are defined, you can start adding rules to the Conditions builder.
Select the Setup & Embed tab > Click Conditions > Select Show / Hide a form field then click Next
You may then formulate your conditions to hide or show the corresponding (form collapse) section.
In this example,