The Condition component allows you to add logic to your application. It allows you to execute one or more specific actions only after a specified condition is met. This way you can customize user paths based on a profile, determine a profile based on a score....
With the Conditions component, you can determine one or more conditions and associate actions with them. These actions are executed only if the condition is met.
For example, in the Learn Language application, a pop-up opens if the user types " pineapple" in the text input field. Specifically, a condition has been defined whose expression evaluates whether the value entered is pineapple. The Open pop up action has been added to this component.
Click on Components and insert a Condition component. If your condition only applies to one screen, insert it into that screen. If your condition acts more globally in your application, add it at the Project level.
The Condition component is a non-graphical component, it appears in the Objects list.
The Conditions component allows you to manage one or more conditions independently. In the properties, click on the button + Add to create a new condition.
Choose a name for your condition.
💡 Remember to rename your condition properly so that it is self-explanatory. This name is used everywhere in the interface to refer to your condition (in triggers and actions).
Each condition can be composed of one or more expressions. This allows you to create complex conditions that meet multiple criteria.
Each expression is composed in the same way:
- First select a data source: a variable, a field, the value of a component etc.
- Choose a function from the following list: True, False, Equal to, Greater than, Less than, Different from, Contains, Starts with, Ends with, Contains, Doesn't contain, Unknown, Unknown or Empty, Every, Some Match.
- Determine a value (depending on the function).
Evaluate a condition
You can evaluate your condition automatically or manually.
If you enable Automatic evaluation, the condition runs automatically. It is executed automatically based on where it is located. This option also allows it to be re-evaluated automatically whenever any of its attributes change. For example if the condition is "The score is greater than 5", it is automatically reevaluated as soon as the score changes and therefore executed as soon as it is met.
To evaluate your condition automatically, enable the option Automatic evaluation in the properties of your condition.
To trigger it manually, select a trigger and add an action Interact with a component > Conditions > Evaluate condition
You can choose from the created conditions or a random condition. You can associate a delay with it.
Trigger an action by a condition
If your condition is met, the associated action(s) are executed.
Select your component Conditions and add an action.
Choose the trigger Evaluation and associate the action of your choice: change screen, open a pop-up...
A use case condition: if user is logged in, go to such and such screen. Otherwise display the authentication form.