Versions Compared

Key

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

...

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

Editor action layout

With the editor action layout, you can define an action area in content apps. This is the default layout for dialog footers with primary and secondary actions.

Code Block
languageyml
titleExample editor action layout definition
collapsetrue
footerLayout:
  $type: defaultEditorActionLayout
  primaryActions:
    - choose
    - cancel
  secondaryActions:
    - above
    - below

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.

Code Block
languageyml
titleExample tabbed layout definition
collapsetrue
layout:
  $type: tabbedLayout
  tabs:
    personal:
      fields:
        - name: salutation
        - name: firstName
        - name: lastName
    details:
      fields:
        - name: email
        - name: phone
    address:
      fields:
        - name: streetAddress
        - name: postalCode
        - name: city
        - name: country

Editor action layout

...

Stacked layout

With the stacked layout, you can arrange components vertically. This is the default layout for composite fields.

...