Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

With the default layout, it is not possible to configure anything. Use this layout when there is no need for customization.

...

(warning) From Magnolia 6.2.1, FormLayoutDefinition has replaced the deprecated PlainFormLayoutDefinition as the default layout.

Tabbed layout

With the tabbed layout, you can add or remove tabs and fields. It is not possible to change how any tabs and fields are rendered.

...

With the horizontal layout, you can order components horizontally. To disable spacing between components, set the spacing property to false.

(warning) HorizontalLayoutDefinition has been introduced since Magnolia 6.2.1.

Code Block
languageyml
titleExample horizontal layout definition
collapsetrue
composite:
  $type: compositeField
  label: Name
  layout: horizontal
  fields:
    - name: salutation
      label: Salutation
      $type: select
      options:
        - name: Mr.
          value: Mr.
          label: Mr.
        - name: Mrs.
          value: Mrs.
          label: Mrs.
    - name: firstName
      $type: text
      label: First name
    - name: lastName
      $type: text
      label: Last name

...