> 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.

<figure><img src="/files/EjD5B5CFFcAhyGL4XhS2" alt=""><figcaption></figcaption></figure>

## Properties

<img src="/files/B5Frkje8I8SQ3XTCR2Ki" alt="" data-size="original">

**Conditional View List:** Each view has a pair of input boxes.

1. Enter the view name into the first input box.&#x20;
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’.

<figure><img src="/files/ba67qEggl7G1J3mAqzx6" alt=""><figcaption></figcaption></figure>

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 %}