Forms: Conditional Logic Customizations

You can hide or show a form component based on the value of another component. For example, if a user checks off a box in a checkbox component, then a particular text field can appear.

How to Add Conditional Logic to a Form: 

  1. Navigate to the Form Builder in cb Admin by creating a new form. Screen Shot 2022-02-03 at 8.32.37 AM
  2. Add form components to your form. Check out this article to learn more about how to add form components. In this example, the text boxes will only populate on the form when a certain value is chosen from the checkboxes. Screen Shot 2022-02-03 at 8.49.48 AM
  3. To enable this, enter edit mode by selecting the Arrow Icon, and navigate to the Conditional tab.Screen Shot 2022-02-03 at 8.51.29 AM
  4. Configure the Conditional Logic: 
    1. This component should Display. Selecting True will enable this form component to display when this logic is met. Selecting False will enable this form component to stay hidden when this logic is met. Screen Shot 2022-02-03 at 8.39.18 AM
    2. When the form component. Select the form component that this logic will be based on. This should be another form component on this form. Screen Shot 2022-02-03 at 8.39.51 AM
    3. Has the value. Enter the value that the form component must meet for the conditional logic to run. Screen Shot 2022-02-03 at 8.40.27 AM
      The values can be found on the form component that this logic is based on. Screen Shot 2022-02-03 at 8.41.28 AM
  5. Select Save

Check out this video to see it in action: