Skip to main content
All CollectionsForms
Conditional Forms
Conditional Forms

Create Form Rules for Conditional Inputs

Updated over a year ago

With Avenue forms, you can conditionally show input components based on what was previously selected. Set up the criteria that determines whether to show a component or not by adding a display rule when creating the form.

Creating Conditional Forms

Follow the step-by-step instructions below or review the following video for how to set up a Form with Conditional Fields

Let's take a form that has a dropdown with two options, Option A and Option B:

You can see under the dropdown component that we have two text input components with Option A and Option B labels. We only want one input to show based on the selection from the drop down. This is where we add a rule.

We select the Option A Input and click Add a display rule.

Then since there has not been a rule created yet we click on the plus button to create a new one.

We then add the conditions we want this rule to follow, in this case we select the Data ID from the Dropdown component, options to indicate where the rule starts. Then we choose equals Option A .

A successful creation will result in displaying the rule in the rules dropdown.

We then follow the same steps with the Option B Input.

After this step is completed we have a working conditional form that we can attach to a Slack/Webhook monitor.

Did this answer your question?