The Conditional Visibility feature allows you to add conditions to your graphics to highlight, show, hide elements whenever a condition is met.
Bear in mind
The Conditional Visibility is enabled for Elements that are part of a Widget or a Data Provider, so you would need to add the Elements to a Provider in order to enable the conditional visibility.
It is commonly used with Containers and useful for showing different layouts for content coming with media, text or text and media; for showing the correct answer while working with Trivias; for showing a specific element while reaching a particular goal number or while working with a JSON, you can use it to show one specific data for example while working with a weather forecast, displaying only the rainy days.
Adding a Condition
Click on the element you would like your condition to apply to. For example, a Container.
Enable the Conditional Visibility toggle on the inspector.
Click on Add to add the conditions. The listed conditions may vary according to the selected item.
Save.
Use Cases
Find here some use cases where you can apply the conditional visibility to highlight a correct answer or to display different layouts according to the type of data a social post has.
These are not the only use cases, you can use conditional visibility to many other situations so feel to try this feature in different dynamics than the ones we are going to show you
Trivia
Trivia
In this example, we will show you how to use Conditional Visibility to highlight the correct answer once a poll is closed.
Posts
Posts
In this case, we will be showing how to set different layouts according to the type of data that social posts have.
Only Text
Only Media
Text + Media
See that you can create different layouts depending on the post data
Threshold
Threshold
You can set a goal as a condition to show or hide an element or make appear an image of a sponsor once the goal is reached.
In this example, we will show you how to use Conditional Visibility to highlight the correct answer once a poll is closed.
You can apply a conditional visibility to the following elements: