Component Options

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

Maestro allows you to define properties and business rules for custom native components using the Component Options menu. You usually do this for shared components, which are used in templates and forms, so these additional options can be invoked with a right click. This is handy for Form Builders as it speeds up form development process, which is essential while working on complex forms.

Note

You can't change the Component Options of core components.

The Component Options menu is only available when you open a component from the Components folder in the Maestro editor.

Maestro editor open component option menue for a component

You can then add the following options to a selected component:

How to Use Rule Templates

When you've configured properties, rule helpers or rule templates in a component, you can start using them in a form. Let's look in an example illustrating how you can use a rule helpers and a rule template in a form.

Note

You need to create both a rule helper and a rule template and configure them correctly, so you are able to see them in the Create Rule Dialog while working on a form.

To configured a component with a rule template and a rule helper component options:

  1. Open a project in your organization.
  2. Select a form or a template that has a component with a rule helper and rule template configured and click Edit Form.
  3. Add the component to the form and select it.
  4. Click the Properties tab and click Create Rule to open the Create Rule dialog where you should see all pre-configured business rules as well as the component's rule, if the rule template was configured correctly.
    Maestro how to use rule template in a form

    In this example, Big Text Field is the name of the component and Big Text Rule Template is the name of a rule template.

  5. Click Big Text Rule Template, the rule template, to open the Rule editor where you can edit a JavaScript, which is invoked when the rule is triggered from other component.
  6. Click Save to save the changes.

Now, you can add another component to the form that executes the Big Text Rule Template rule. For example, you may add a button with a Click rule that calls a JavaScript when the button is clicked: Form.fireRule("bigTextRuleTemplate", item, data)

Next, learn how to add properties.