Skip to main content

Conditional content (multi-content)

The Conditional Content functionality can be used to improve the user experience when filling out a form. The idea is that, based on the answers provided in previous questions, the system filters or adjusts the options displayed in subsequent questions. In other words, it is possible to define multiple contents that will be shown according to the answers previously provided.

For example, when presenting the question "City:", to obtain a person's city of birth, the system can use the answer in the question "State of birth:", which indicates the Federative Unit of birth of that person, to display only the cities related to that specific State. If the person chose "São Paulo" as the State, the form would only display the cities in that State, such as "São Paulo", "Campinas", "Santos", etc.

This approach also minimizes filling errors and facilitates the collection of relevant data, in addition to making the form more dynamic and intuitive for the user.

Users of the old version of Hashdata

In the old version of Hashdata, configuring multi-content questions was more complex, requiring the creation of dozens, sometimes hundreds of questions to display conditional content. The current version has greatly simplified the configuration of multi-content questions. Click here to see the differences.

To include conditional content​

  1. Click Adicionar;
  2. Enter the content identifier;
  3. Choose the question that will determine the display condition. Note that only questions that precede the question for which the conditional content is being configured are shown;
  4. Choose the logical operator of the condition;
  5. Set the question answer to complete the display condition. Enter the expected answer or choose from answer options for the question chosen as the display condition;
  6. To include one more criterion in the presentation logic, click Condição;
  7. Set the attributes in Display when;
  8. Click Salvarto save the settings.
  9. For each registered content identifier, it is necessary to include the answer options, so that the system can display the specific content according to the answer of the display condition question.
Conditional Content configuration features. Click on the image to enlarge it.

Conditional Content configuration features. Click on the image to enlarge it.

Conditional Content Parameters​

ParameterDescription

Content Identifier

Defines a 'name' for the content, aimed at assisting with organization. This information is not visible to the form user but will serve as a reference for defining the response options for this identifier.

For example: cities_acre or cities_alagoas

Title, question, etc.

This is the main text of the element, which can be a question or simply a title. This parameter will already be filled with the value defined on the element inclusion screen, but it can be modified here to better specify the type of content to be displayed.

For example, suppose the element's title was registered as "City:". When registering conditional content to display only cities in Acre, the title could be "Cities in Acre:".

Display Conditions

Defines the logical conditions that must be met for the conditional content to be displayed or not.

  1. Choose the conditional question. All questions preceding the question for which the conditional content is being defined are presented, in the order they were inserted.

  2. After selecting the conditional question, the system will present the logical operator for the condition based on the type of the conditional question's element. For example, for elements of type Single Selection and Multiple Selections, the following options will be shown: equal to, is filled, or is empty; for elements of type Text, the options presented are: equal to, includes, is filled, and is empty.

  3. Define the value of the conditional question that must be met to complete the logical condition. For elements of type Single Selection and Multiple Selections, for example, the available response options are presented. For elements of type Text, the expected text must be provided.

  4. Include, using the button Condition as many display conditions as necessary.

  5. The button Sort automatically sorts the logical conditions according to the order the elements were inserted into the form. For example, if a question from one condition precedes the order of the question from the previous condition, that condition will be placed before this one.

Display When

Defines which logical operator should be considered among the defined display conditions.

  • All conditions are met: considers a logical operator Conjunction (AND). It returns true only if all involved conditions are true.
Example of logical operator Conjunction (AND)

Consider the following conditional question: "Would you like to schedule an interview?"

This question will only be displayed if all the following conditions are true:

  • Condition 1: The user selected "Yes" for the question "Are you interested in our services?"
  • Condition 2: The user indicated they reside in Brazil in the question "In which country do you live?"
  • Condition 3: The user chose an income range higher than "R$ 10,000" in the question "What is your monthly income range?"

In this scenario, the question about scheduling a meeting will only be displayed if the user demonstrated interest in the services, lives in Brazil, and has a specific income range. In other words, the logic would be:

Condition 1 AND Condition 2 AND Condition 3

Only when all three conditions are met will the conditional question be displayed. If any of these conditions are not met, the question will be omitted from the form.

  • Any of the conditions are met: considers a logical operator Disjunction (OR). It returns true if at least one of the involved conditions is true.
Example of logical operator Disjunction (OR)

Consider the following conditional question: "Would you like to receive informational materials?"

This question will be displayed if at least one of the following conditions is true:

  • Condition 1: The user selected "Yes" in the question "Are you interested in learning more about our products?"
  • Condition 2: The user selected the "Newsletter" option in the question "Would you like to subscribe to our email list?"
  • Condition 3: The user indicated "Yes" to the question "Would you like to receive news about promotions and offers?"

In this scenario, the conditional question will be displayed if the user showed interest in the products, or is interested in receiving a "newsletter," or would like to receive promotions and offers:

Condition 1 OR Condition 2 OR Condition 3

Thus, if any of these conditions are met, the question about receiving informational materials will be displayed.

  • No condition is met: means that all conditions have failed or are false. In logical terms, this is equivalent to the Negation (NOT) of each individual condition combined with the Conjunction (AND) operator.

Example of logical operator Negation (NOT) in the context of the expression "all conditions are false"

Negation (NOT): negation is always evaluated first, i. e., it precedes Conjunction (AND) and Disjunction (OR). It inverts the logical value of an expression. If applied to a true condition, it becomes false, and vice versa.

Suppose you are creating a form that should display an additional question about "Shipping options" only if none of the following conditions are met:

  • Condition 1: The user selected "Express shipping."
  • Condition 2: The user selected "Store pickup."
  • Condition 3: The user selected "International shipping."

In this case, the question about "Shipping options" will only be displayed if the user does not select any of these options. In other words, if the user chooses a shipping method that is not "Express shipping," "Store pickup," or "International shipping," the question will be shown.

Logical expression:

NOT (Condition 1) AND NOT (Condition 2) AND NOT (Condition 3)

Therefore, the question about "Shipping options" will only be shown if all the previous conditions fail (i. e., if none of the defined conditions are met).

  • Use expression: this option allows you to customize the logical expression between the conditions. When selecting this option, each condition receives an identifier, e. g., A.

The identifiers represent each of the conditions and are used to create an expression that must be satisfied to display the conditional content. Example:

($A and (not $B)) or $C

Considering this logical expression, the conditional content will only be displayed if: A is TRUE and B is FALSE, or C is TRUE, where A, B, and C are the three display conditions.

Default content​

Default content is shown when none of the conditional content display conditions are considered valid.

Attention

It is suggested that you do not delete the default content, as the element must have at least one content. In the case where none of the above conditions are met, the default content will be shown to the user.

Display Rules​

The conditions for displaying content are evaluated from top to bottom, that is, according to the order of registered conditions , respecting the following rules:

  • The first content that has its conditions met will be displayed.
  • If no conditions are met, the default content will be displayed.
  • The default content is always the last in the list.

Practical example​

Let's create a scenario to put into practice the example given above, that is, when choosing a State, the system will automatically present a filtered list of the cities in that State.

  1. Create a form if necessary. Learn more...
  2. Insert an element of type Single Selection (Menu) and give it a title, for example, State of Birth:. Learn more...
  3. In the answer options of the State of birth: element, register or import all the States of the Federation;
  4. Insert another element of the type Single Selection (Menu) and give it a title City:;
  5. Register the conditional contents for the City: element, including a condition for each of the States of the Federation. For example, for the State of Acre, set the content identifier as cities_acre, the title as Cities of Acre:, as display condition include the State of birth: equal to AC-Acre and set to display when all conditions are met;
  6. Repeat step 5 for all States;
  7. In the upper right corner of the element, choose the content identifier, for example, cities_acre, and register the response options for this identifier, including or importing all cities in the State of Acre;
  8. Repeat step 7 for each content identifier of the City: element.
Example of how to register conditional content for the question "City:" considering the answer to the question "State of birth:". Click on the image to enlarge it.

Example of how to register conditional content for the question "City:" considering the answer to the question "State of birth:". Click on the image to enlarge it.