> For the complete documentation index, see [llms.txt](https://docs.acho.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.acho.io/app-builder/app-construction/elements/advanced-elements/condition.md).
# Condition
Condition elements show users different views based on defined conditions.
To switch views, click on the dropdown on the top right.
To set the content for a view, click on a tab to build the view page.
## Properties
**Conditional View List:** Each view has a pair of input boxes.
1. Enter the view name into the first input box.
2. Enter the condition into the second input box.
Add additional views with “+ Add an item”.
See [Tooltip](/app-builder/app-construction/elements/tooltip.md) for tooltip configurations.
## Example
In this example, there are two views, ‘Display Details’ and ‘No Data’.
When the value of app data variable `display_details` is `“false”`, the condition element displays the ‘No Data’ view. When it is `"true"`, the condition element will display the ‘Display Details’ view.
See [Data Store](/app-builder/app-construction/data-store.md) for more about accessing app data.
## Supported Events
No supported events.
## Supported Actions
**Set Data:** Change element data. See [Data Store](/app-builder/app-construction/data-store.md).
**Set Loading:** Set loading animation. See [Set loading animations](/app-builder/popular-use-cases/set-loading-animations.md).
{% hint style="info" %}
Visit [Interactions](/app-builder/app-construction/interactions.md) for more on events and actions.
{% endhint %}
**Conditional View List:** Each view has a pair of input boxes.
1. Enter the view name into the first input box.
2. Enter the condition into the second input box.
Add additional views with “+ Add an item”.
See [Tooltip](/app-builder/app-construction/elements/tooltip.md) for tooltip configurations.
## Example
In this example, there are two views, ‘Display Details’ and ‘No Data’.
