Ranking – Affect Elements’ Conditions

Business Background

Affect the items of the ranking element by configuring conditions in your project. You can hide or show the values from the ranking list.

How to Guide

Configure conditions to affect the ranking elements’ items.

In this example, a checkbox element is added, and the condition that affects the ranking element is added to the checkbox element.

If the user selects the checkbox “Chocolate,” only the chocolate-related options will be shown in the ranking list in this example. The user can then rank the chocolate-related options.

1. Click the checkbox element’s Gear icon. The Checkbox Settings screen opens.
2. Select the Conditions option and click the Configure Conditions button. The Set Conditions screen opens, and a conditions node is added automatically.

3. Click the Condition node’s Kebab icon.
4. Edit the Edit option. The Edit Node screen opens.

5. For this example, the following was configured:
   • Checkbox/Value > Equals > Value > key 1
   • This condition will be applied if the user selects the first checkbox (in this example, “Chocolate”).

6. If necessary, click the Next button, add a tag, and select the Insert button.
7. Click the + icon next to the condition. The Add Node screen opens.

8. Click the Affect Elements option and then click the Next button. The Add Node/Affected Elements screen opens.

9. Search for the “ranking” element.
10. Click the checkbox next to the ranking element that you want to affect. In this example, the three chocolate-related options are selected to show.
11. Use the drop-down list to select an action for the affected ranking element. In this example, Show was used.

12. Click the Apply button. The action is added to the ranking item.
13. Click the checkbox next to the ranking element that you want to affect. In this example, two options are selected to be hidden.
14. Use the drop-down list to select an action for the affected ranking element. In this example, Hide was selected.

15. Click the Next button.
16. If necessary, add a tag and click the Insert button. The Affected Element node is added to the Set Conditions screen.
17. Click the Apply button.

18. Save and Preview the project.

If the user selects the “Chocolate” checkbox, only the chocolate-related items are shown: