Condition Options
Last updated
Last updated
In Conditions, there are 5 possible options:
Value options will depend on element settings. For example, if you have created 3 options for a Drop-down element and trying to make a condition depending on that element, all 3 options will be available in Value option.
The condition "is selected" is used to add actions to the linked element when one of the options of the first element is selected.
Let's take the demo calculator Internet Marketing as an example and make conditions for the toggle element "Marketing" depending on the radio element "Company size".
Condition: if the "Corporate" option from the radio element "Company size" is selected, "Buy PPC (Pay per Click) Ads" will be selected and the toggle field "Marketing" will be disabled:
"Buy PPC (Pay per Click) Ads" will be enabled and the toggle field "Marketing" will be disabled, when from "Company size" radio element "Corporate" option is selected:
Checkbox, Image Checkbox and Switch Toggle elements have extra 4 condition options for is selected: is selected (option), is selected (label(s)), is selected (value) and is not selected (label(s)).
The condition "is selected (option)" adds actions to the linked element when one option of the first element is selected. This condition works when the first element is Checkbox, Image Checkbox and Switch toggle.
Let’s take an example of food catering. You put the condition to show Do you have any preferences field (linked element) when the option “White” is selected in the Choose the tablecloth field (first element - Image Checkbox).
That’s how it will look on the user’s page:
The condition "is selected (label(s))" adds actions to the linked element when several options of the first element are selected. This condition works when the first element is Checkbox, Image Checkbox and Switch toggle.
For example, take an interior design booking calendar. You put the condition to show Add designs you like field (linked element) when the options "Additional zone design" and "Loggia design" are selected in the Additional Services field (first element - Checkbox).
That’s how it will look on the user’s page:
The condition "is selected (value)" adds actions to the linked element when one or several options of the first element selected give the value you put. This condition works when the first element is Checkbox, Image Checkbox and Switch toggle.
There is an example of school trip booking. There are four options with these values in the “Please provide details of dietary requirements” field (first element - Checkbox):
You put the condition to show Describe the other dietary restrictions field (linked element) when the value 4 is selected.
In this case, the linked element will be shown when users choose Dairy-free( with the value 1) and Vegetarian ( with the value 3) :
Or the linked field will be shown when Other ( with the value 4) is selected:
The condition "is not selected (label(s))" adds actions to the linked element when one or several options of the first element are not selected. This condition works when the first element is Checkbox, Image Checkbox and Switch toggle.
For example, venue rental. You put the condition to hide the Number of waiters field (linked element) when the option “Serving tables” is selected in the Extras field (first element - Switch toggle).
While the field Number of waiters is not hidden by default, users will see this when they switch serving tables on:
The condition "is equal to" is used to add actions to the linked element when the value of the first element is equal to a certain amount.
Let's take the demo calculator Calculate Your Taxes as an example and make conditions for the drop-down element "Business Entity" depending on the quantity element "Income from Salary ($)".
Condition: if the value of the "Income from Salary ($)" quantity filed is equal to 150 000 drop-down element "Business Entity" will be disabled:
The drop-down element "Business Entity" will be disabled when value of the quantity field "Income from Salary ($)" is equal to 150 000:
The condition "is less than" is used to add actions to the linked element when the value of the first element is less than a certain amount.
Let's take the demo calculator Graphic Design as an example and make conditions for the radio element "Mobile Ready" depending on the drop-down element "Type of Website".
The two option values of the "Type of Website" drop-down element are less than 1000:
Condition: if the value of the "Type of Website" drop-down is less than 1000, the "Mobile Ready" radio element will be hidden:
When one of the "eCommerce" or "Institutional" options is selected from the "Type of Website" drop-down, the "Mobile Ready" radio field will be hidden:
When the "Corporate" option is selected from the "Type of Website" drop-down, the "Mobile Ready" radio field will be displayed:
The condition "is greater than" is used to add actions to the linked element when the value of the first element is greater than a certain amount.
Let's take the demo calculator Venue Rental as an example and make conditions for the checkbox field "Extra Servings" depending on the range field "How many guests are you expecting".
Condition: If the number of expected guests is more than 150, two options: Microphone and Stage of the Extra Savings checkbox will be selected:
When number of the expected guests are greater than 150 in, the Microphone and Stage of the Extra Savings checkbox will be selected:
The "is not equal to" condition is used to add actions to the associated element when an option of the first element is selected that is different from the specified one.
Let's take the demo calculator Tuition Fees as an example and make conditions for the dropdown filed "How many scholarships are you getting?" depending on the toggle field "Do you have a scholarship?".
Condition: if any option different from "Yes" is enabled in the toggle field, the dropdown field "How much in Scholarship are you getting?" will be hidden.
When the "No" option is enabled on the toggle field "Do you have a scholarship?", the dropdown field "How much in Scholarship are you getting?" will be hidden.
