Conditional Visibility is a feature in the Form Builder that allows you to display or hide form fields based on specific conditions or rules. The feature enables you to create dynamic and responsive forms that adapt to user input or other factors, thereby enhancing the user experience.
Consider the example where you are creating a form for a cleaning service company. In this scenario, you can provide users with the choice of selecting whether they require carpet cleaning. If the user's response is affirmative (yes), additional option fields become visible, including choices for anti-allergen and deodorizing treatments. Conversely, if the response is negative (no), the option fields are concealed rather than disabled.
To use conditional visibility on the field you are creating:
These are the input requirements and descriptions for adding a conditional visibility condition to a field.
Input Label | Type | Required | Description |
---|---|---|---|
Trigger Field | Dropdown Field | Yes | The trigger field establishes whether the field you're creating is displayed or hidden under specific conditions. If the trigger field's value meets specified conditions, the field you're creating will be hidden. |
Condition | Dropdown Field | Yes |
The logical condition used to trigger field visibility or invisibility. The list of logical conditions includes the following:
|
Value | Text Area | Yes | The logic provided in the 'Condition' field uses this value to control the conditional visibility of the field you create. |
It is important to note that conditional visibility logic is not available across all field types. For example, you may not use the 'Is Before' condition on an 'Input String' field type (or any other field type except 'DateTime'). The table below displays which conditional visibility logic applies to a corresponding field type.
Field Type | Input Type | Is Answered | Is Not Answered | Is | Is Not | Greater Than | Less Than | Contains | Starts With | Ends With | Is Before | Is After |
---|---|---|---|---|---|---|---|---|---|---|---|---|
Array | Card Select Multiple | |||||||||||
Array | Checkbox | |||||||||||
Array | File Multiple | |||||||||||
Array | Input Multiple | |||||||||||
Array | Select Multiple | |||||||||||
Boolean | Toggle | |||||||||||
Date | Date | |||||||||||
DateTime | Date and Time | |||||||||||
Data Source | Select | |||||||||||
Data Source | Select Multiple | |||||||||||
Geo JSON | Code | |||||||||||
Float | Decimal | |||||||||||
Float | Stepper | |||||||||||
Integer | Number | |||||||||||
Integer | Stepper | |||||||||||
Media | File | |||||||||||
Media | Image | |||||||||||
String | Card Select | |||||||||||
String | Code | |||||||||||
String | Color | |||||||||||
String | HTML | |||||||||||
String | Input | |||||||||||
String | Link | |||||||||||
String | Markdown | |||||||||||
String | Multi-line | |||||||||||
String | Phone | |||||||||||
String | Radio | |||||||||||
String | Select | |||||||||||
Time | Time |
Didn't quite find what you are looking for or have feedback on how we can make the content better then we would love to hear from you. Please provide us feedback and we will get back to you shortly.