Guide to display conditions with editor

Introduction #

Display conditions are rules that determine when and to whom a piece of content or a question is shown, based on predefined criteria. For example, you can display a question only if a specific answer was selected in the previous question.

The elements to which display conditions can be applied are:

Answer options
Grid rows
Grid columns
3D grid cells
Questions
Groups
Pages
Sections
Custom alerts
Text blocks

For each element, by clicking on the “if” icon, a visual editor opens, allowing you to set conditions in a simple and intuitive way, without having to write any code.

Types of Available Conditions #

Conditions can be based on:

Answers to previous questions
Contact fields
Quotas
Advanced conditions (for more complex requirements)

How to Add a Condition #

Click the icon of the element where you want to add the condition.
Click Add Condition to insert a new rule.
Select the type of condition (question, contact field, quota, or advanced).
Fill in the required fields by choosing the values to apply.

Practical Examples #

Condition based on a closed-ended answer

Display an element only if the respondent answered “Yes” to question Q9:

First dropdown: Question
Second dropdown: Q9 – Would you like to schedule a free demo of the newest IdSurvey?
Third dropdown: Yes
Fourth dropdown: Is selected

Condition based on a closed-ended answer

Condition based on an open ended answer

Display an element only if the respondent entered a value greater than 18 in question QA “Your age, please write a number”:

First dropdown: Question
Second dropdown: QA – Your age, please write a number
Third dropdown: Open Ended
Fourth dropdown: Is greater than
Text field: 18

Condition based on a contact field

Display an element only if the Zone contact field contains the value north:

First dropdown: Contact field
Second dropdown: Zone
Third dropdown: Is equal to
Text field: north

Multiple Conditions #

It is possible to combine multiple conditions to define more complex display rules.

When you hover over a condition, the “+” icon appears on the right.

With the “+” button you can add one or more conditions combined with the logical operators AND or OR.

For more structured and complex conditions, you can use logical groups.
With logical groups, you can build rules such as: (Condition A OR Condition B) AND Condition C.

This allows you to handle scenarios that are not limited to a single linear sequence of conditions, but instead combine distinct logical groups of rules.

Note: The graphical interface supports nested conditions up to two levels. Conditions with more than two levels cannot be properly represented in the visual editor. In these cases, you need to use the code editor.

View the Code Syntax #

After creating a condition with the visual editor, you can view its syntax in code format by clicking “Switch to code editor”.

The code editor is useful if you need to set conditions nested deeper than two levels, or if you simply prefer to define conditions directly with code.