Using Conditions in Adalo

Conditions enable you to create dynamic and interactive user experiences within your app. Understanding conditions is essential for designing engaging and responsive apps by dictating when specific actions or behaviors should occur within your app.

Where to find Conditions:

Conditional Actions

Conditional Actions can be added to any Action by selecting "Show Advanced" at the bottom of the Action Setup. This allows you to trigger actions based on certain criteria such as User data or input values.

In the example below, we see a Conditional Link Action set up to link a User to the Admin Screen if Logged in User>Admin(Boolean) is equal to True.

Please note: If the criteria of a Conditional Action is not met, nothing will happen when the User clicks the Component. To avoid this, we recommend setting up a fallback action which will apply to any users who do not meet the conditions for the action.

Conditional Visibility

Conditional Visibility can be added on any component from the kebab menu in the top right of the component setup. It will enable you to control the visibility of elements within your app allowing you to show or hide buttons, images, text fields, and other UI components based on specific conditions such as user roles or input values.

In the example below, we have a button that we want to only be visible when the Current Destination>Users (from the available screen data) includes the Logged in User.

Please Note: Adding too many Conditional Actions to any Component can negatively impact performance of the app for the end user.

Learn More

• Currently conditional actions and conditional visibility can only have one filter attached to them, but filters for lists, counts, charts, and other components can have as many filters as you like.

• Many times conditional actions and conditional visibility can be used interchangeably to achieve the same end result or user experience even though the setup may differ slightly.

• If you want to learn how to create an empty state— a screen that shows up when no data input matches filtering or search criteria— check out this tutorial.

• If you would like to take a further look at how to set Conditional visibility we will highly recommend you take the Conditional Visibility Course from The Adalo App Academy.

Help

If you need additional help with this article, you can always ask in our community forum! Be sure to paste the link to this article in your post as well!

Do you have a tutorial or help doc request? Let us know!