Field dependencies allow form components to be displayed when certain conditions are met. This allows your forms to be organized and clutter-free from unnecessary fields. Field dependencies are available in most of our form builder components and the conditions are different depending on the component.

Here's an example of how field dependency is used.

The goal is to set up a field dependency where when a user responds "No" to the question "Have you submitted your certification?", the user can upload photos. If the response is "Yes", nothing happens.

First, drag all the components to set up the question and response. In this case, the Subtitle component was used to write the question, the Yes/No component was used to collect answers and the Upload Photos component was used to collect photos (if the user responds "No").

Second, click on the settings for the component that must satisfy the condition. Find and save the Data ID. In this case, Yes/No component must meet certain conditions for the Upload Photos component to be displayed. The Data ID for the Yes/No component is: "ymOnYGDTm". Copy this Data ID.

You may also copy the Data ID by clicking the clipboard icon as shown below.

Next, set "Field Dependency" to Yes in the component that will respond if the conditions are met. In this case, the Upload Photos component will be displayed if the user responds No.

Set the Field Dependency Target to the Data ID of the conditional component. In this case, it refers to the Data ID of the Yes/No component above.

Set the conditions to be "Is equal to" and value to be "No" so that when "No" is selected in the Yes/No component, the Upload Photos component will be displayed.

To add more than one condition, click on "Add Dependency". Determine when the dependent fields are active or triggered by selecting one of the following:

This is how the form looks when the user is creating a new form. When the user responds "No", the upload photo component is displayed.

Want to learn more?