Hidden Rule

   MaestroThe UI design product.  |   Form Builder |  All versions This feature is related to all versions.

Maestro allows you to hide a component if a condition is true. A Hidden rule is created automatically when a Show if rule is applied to a component.

To create a Hidden rule:

  1. Inside the Maestro Editor, select a component from the View pane.
  2. In the Properties pane, click the Create Rule button.
  3. Click the Hidden link, located under the Visibility heading.
  4. Define the JavaScript-based logic of the rule within the code editor. As a Visibility rule, the Hidden rule should return true to show the component or false to hide the component.
  5. Click Save.

The rule will appear in the Properties pane, under the Rules heading. If you want to make any changes to the existing rule, you can do so by selecting this item from the panel. You can also click the X icon to remove the rule from the component.

Note

You can only attach one rule of each type to a component.

Visibility Rules

There are 4 types of visibility rules:

For a complete list of rules, refer to List of Maestro Rules.