Dynamic Visibility

Dynamic visibility is one of the core 3 concepts in Squirrel365. It allows your project to show and hide components in response to user interactions and/or data conditions. Use dynamic visibility to show a pop-up information screen, hide a component until it is required, switch between different visual representations of data, and many other scenarios.

Each component that can be added to the canvas has dynamic visibility properties that are configured in the same way. The component will be visible when the condition evaluates to true. The condition is made up of two value fields and an operator.

For example, in the above image the the component would be visible when the content of the first Value property is equal to the the second Value property. Leaving both value property fields empty will ensure that the component is always visible, as the first and second Value properties are equally empty.

By binding 1 or more of the Value properties to cells in the spreadsheet, and using spreadsheet formula logic, the visibility of objects can be changed dynamically.

Clicking on the operator brings up a list of the available options which include:

• equals (=)

• not equal (<>)

• less than (<)

• less than or equal to (<=)

• greater than (>)

• greater than or equal to (>=)

• is empty

• is not empty

You can configure multiple conditions for Dynamic Visibility. Clicking will generate another set of inputs for defining a new rule. Additionally, a delete option will appear, allowing you to remove the rule. Learn more about Conditional logic

Dynamic visibility is only applied when your project is running i.e. in Debug mode, Preview mode, or as a published project. It is not applied in Design mode; instead, use the eye icon next to objects in the Component Tree to hide and show objects during project development.