Section (Avalon)

   MaestroThe UI design product.  |   Form Builder |  22.04 This feature was introduced in 22.04.

Maestro comes with the Section (Avalon) component. This component is available when you use the Avalon Template. The Section (Avalon) component extends functionality of the Section component.

Usage

  1. Open the Palette pane in the Maestro Editor.
  2. Locate the Section (Avalon) component within the Containers folder.
  3. Drag the component into the View pane or the Wireframe.
  4. Configure the component's properties via the Properties pane.
  5. Configure the component's styles via the Styles pane.

Properties

The following properties are available to this component:

Additional Text
Rich Text
infoText

Additional Layout

Top To Bottom Layout
Boolean
topToBottom

Hide Section Title
Boolean
hideTitle

Collapsible
Boolean
collapsibleSection

Collapsed On Init
Boolean
collapsedOnInit

Collapsed Icon
Icon
hideIcon

This icon is shown when the section is collapsed. You can choose an icon from the pre-defined collection of icons using the Icon Picker.

Not Collapsed Icon
Icon
showIcon

Styles

The following styles are available to this component:

Next, learn about the Sticky Panel component.