MaestroThe UI design product. | Form Builder | 18.05 This feature was introduced in 18.05.
The Maestro editor provides the View pane to visualize a selected component in a hierarchical list of the components used in the current design. This list can be a more efficient way of navigating the structure of a design than working within the Wireframe. The hierarchy you see is determined by the form’s template, so even if a Form Builder does not have permission to make changes to some components, the View pane always displays the dialogs and modal pages. This is handy in navigating through large forms.
The Structure pane was replaced with the View pane. | 18.05 This feature was introduced in 18.05.
To view a form in the View pane:
Some component types must be contained within other component types. For example, a Page can't exist underneath a Dropdown. The Editor will prevent you from moving or creating components under the incorrect parent.
This option is shown for templates only.
This option is shown for templates only. However, you can apply a shared style to a component at the form level, but it's not a recommended aproach.
This option is shown for templates only.
This option only doesn't apply to id, label, rules or layout.
To undo this, drag the component in the design tree to a different position.
This option doesn't apply to rules, styles and the property's exclude flag.
You can remove component property overrides using the Component and Property Source dialog.
When editing a template, additional options are available in this menu:
Some options are only available if you right-click specific components:
If you right-click the Dialogs directory, a context menu with an Add Dialog option appears.
If you right-click the Modal Pages directory, a context menu with an Add Modal Page option appears.
Main View pane functionality is described in details below.
At a minimum, all designs have a root node, which is the parent to most other components in a design. In many designs, this root node is a Form component, but if you're working on a form, template, or receipt, the root node depends on the extension points configured in the parent template.
Most design types also have a Dialogs and a Modal Pages directory. These directories contain Dialog and Modal Page components that sit outside the normal flow of the form and are therefore located outside of the root node.
This table explains which design types have a Dialogs and/or a Modal Pages directory:
To arrange components within the hierarchy, drag and drop them.
To select multiple, non-sequential components, hold the
To select multiple, sequential components, hold the
Some component types can only be exist within certain component types. For example, the Page component cannot exist within a Dropdown component.
All components have an icon associated with them. These icons are not necessarily unique, but they do make it easier to grasp the structure of a design.
Additional icons are used within the View pane to communicate certain behavior. Depending on come component configuration, layout orientation and level of editability to you, an icon can change its background or have additional elements added to it. The list below summarizes these changes:
|An extension point has been set on this component. This icon will only appear while editing a template.
|An extension point is preventing you from configuring this component.
|A component is laid side-by-side with the previous component, meaning it is on the same row as a component above it. For more information, see the Put on Previous Row option.
|Bright blue text
A locked down component defined in a form or template, which means you can't add a new field before an existing field inside the component. If you try, the
|Dull blue text
A child of a component. For example, the Address Block - Info component has the Info Block Image and Block components as a children components. This is shown below:
You are not allowed to add a new component to this locked component.
An open component, which allows you to add a new field before an existing field inside the component. It also indicates that the component has no children in it.
Next, learn about the Model pane.