Skip to content

Item visibility

A common technique in form development is to create rules that hide certain items according to value of some other item. Second, you may need to hide certain parts of your form depending on its stage.

Overview

The visibility of a page item can be controlled by the stage in which it is displayed. This is useful for creating dynamic forms that change based on the stage of the process. This can be used in combinations with different roles. For example, a form may have a visible set of questions for the "New" stage than for the "Approved" stage.

Rule-based visibility

You can configure item visibility based on a form value. This is useful when you want to hide a part of the form based on the value of a form field.

Excercise

Hide a section if the value of the field is less than 3000$.

Step-By-Step Solution

1. Navigate to "Design" tab.

2. Select the correct form.

3. Click "shield like symbol" on the object or section we want to hide.

4. The First line after performing this action says what actions are made when certain condition mentioned bellow is met. We want to show a section if there is a value equal or greater than 3000$.

5. Click the "Select Item" field.

6. Click here.

7. Click this text field.

8. Type "3000"

9. Click this dropdown and set "Less than".

10. Click "+"

11. Click "At least one is true (OR)"

12. Click "Apply"

13. Click this text field.

14. Click here.

15. Click this dropdown and select "Has no value" to hide a section when "currency" input is empty.

16. Click "Apply and Close"

17. Click here.

18. Click here.

19. Click the "Currency" field.

20. Type "3000"

21. Click outside the input field, and you will see the formerly hidden section.

22. Click the "Currency" field.

23. Click the "Currency" field and change the value to 200.

24. When you click outside the box, the section becomes hidden.


Stage-based visibility

You can hide different page objects (like text fields, etc.) or even whole pages. This is useful when you want to hide a part of the form in a certain stage.

Exercise

Try to change the visibility of the text field in stage "Submitted".

Step-by-Step Solution

1. Go to workflow tab

2. Click "Visibility"

3. Click stage for which you want to change visibility.

4. Click "eye symbol" to hide