Shared Styles

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

Maestro allows you to create shared styles that can then be used to attach visual attributes to one or more components. Out of the box, Maestro's templates provide their own range of shared styles, but you are allowed to create custom shared styles. You can think of a shared style as a place for grouping various CSS logically.

Styling should be done by a Template Designer within a template. Using a template ensures that all forms follow a corporate style guide. The Template Designer can help to determine whether you should make style changes in the form or if the template needs to be updated. If a change is needed and it applies to other forms, it is best to be applied in the template so that all forms can access this change. This type of management allows all forms to continue to follow the corporate style guide keeping all forms consistent.

Templates allow for corporate brand control and for all forms to have a consistent look and feel. Templates are created by a Template Designer based on a corporate style guide. The responsibility of the Template Designer includes styling areas, such as the navigator, footer, and styling of specific components.

Ideally, individual forms and components should never deviate from a corporate style guide. A Form Builder should not change any styling without first talking to the Template Designer.

Usually, the Template Designer creates a shared style and make it available to other components so Form Builders can use it. The style can be added a component and then moved up and down to adjust its precedence as required. When the shared style is not needed or should not be used by Form Builders, the Template Designer can remove it from a component.

You can change the style of components in brands.

Next, learn how to create a shared style.