View Pane

   MaestroPreviously known as Transact Maestro.  |   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.

Note

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:

  1. Open a form or a template in the Maestro editor and click the View tab.
  2. Maestro editor view pane

  3. Expand a component's hierarchy to see its child components. Select each component to see where it is positioned in your design.
  4. Move components from one location to another by dragging and dropping them within the hierarchy.
    Note

    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.

  5. Select multiple components by using the keyboard keys SHIFT or CTRL.
  6. Right-click a component and select one of the following options:
    • Info for Item [COMPONENT NAME] to view details about a library the component is published to and the component's properties.
    • Show Properties to open the Properties pane for the selected component.
    • Show Styles to open the Styles pane for the selected component.
    • Show Data to open the Integration pane for the selected component.
    • Show References to [COMPONENT ID] to view references to the selected component, such as references inside rules or labels.
    • Change Component Type to change the selected component to a different component type.
    • Wrap in Block to create a block component and insert the selected component into the block.
    • Share Component to publish the selected component
    • Delete to remove the selected component.
    • Put on Previous Row to move the selected component to the end of the previous row.
    • Remove Component Property Overrides to remove the property override.
      Note

      This option doesn't apply to rules, styles and the property's exclude flag.

      Note

      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:

    • Add Page Group
    • Add Page
    • Add Icon Button

    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.

  7. Click Save to update the component's changes in the form or the template.

Main View pane functionality is described in details below.

Structure

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:

Design Type Dialogs Modal Pages
Forms
Components
Templates
Receipts

Sorting

To arrange components within the hierarchy, drag and drop them.

To select multiple, non-sequential components, hold the CTRL key.

To select multiple, sequential components, hold the SHIFT key.

Note

Some component types can only be exist within certain component types. For example, the Page component cannot exist within a Dropdown component.

Icons

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:

Icon Label Description
Unlocked An extension point has been set on this component. This icon will only appear while editing a template.
Line-Through This component exists on the same row as the component above it.
Locked An extension point is preventing you from configuring this component.

Next, learn about the Model pane.