Display Conditions allow you to dynamically show or hide pages, blocks, form fields, and table columns based on live data, user information, or session values.
They help you create apps that feel personalized and responsive without needing custom code.
Display Conditions provide more granular control compared to broad access settings — letting you control visibility based on virtually any dynamic variable available in your app.
Where to Find Display Conditions
You can add Display Conditions in several areas of your app:
Pages
To show or hide a page conditionally:
Click the Page settings.
Go to the page’s Core > Access settings within the sidebar.
Blocks
To show or hide an entire block conditionally:
Select the block from your page editor.
Click More > Display Conditions in the sidebar.
Form Fields
To show or hide a field inside a form:
Click the field label directly in the Form block or click any of the listed fields from within the Core settings.
Scroll down to find Display Conditions.
Table Columns
To show or hide a column inside a table:
Click the column label directly or access it through the the Table block's Core settings.
Scroll down to find the Display Conditions menu.
Setting Up a Display Condition
When you add a new Display Condition, you'll see a simple form with these key fields:
Field | Description |
Value 1 | The data source to evaluate. Ideally this is a dynamic variable (like |
Operator | Defines the comparison type (Equal, Not Equal, Greater Than, Contains, etc.). Choose based on how you want to evaluate the condition. |
Value 2 | The value to compare against. Can be static text/number or a dynamic variable. |
Condition Type | Use AND to require multiple conditions to all be true. Use OR if any single condition being true is enough to pass. |
Tip: You can chain and group multiple conditions together for more advanced visibility logic.
Example Scenario
Imagine you are building a feedback form to understand why users unsubscribe from your mailing list.
You have a dropdown field called Reason with common options — and an "Other" option that should only reveal a follow-up field Other Reason if selected.
How you would set it up:
Add a Display Condition to the Other Reason field.
Set
Value 1to reference the Reason field’s selected value (e.g.,{{ form.Reason }}).Use the Equal operator.
Set
Value 2toOther.Result: The "Other Reason" field only appears when the user selects "Other" in the dropdown.