Versions Compared

Old Version 14

changes.mady.by.user Ashraf Khamis

Saved on

compared with

New Version 15

changes.mady.by.user Ashraf Khamis

Saved on

Key

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

...

The fully qualified class name of the plain layout is info.magnolia.ui.framework.layout.PlainFormLayoutDefinition. If the definition class is annotated with info.magnolia.ui.framework.layout.LayoutType, you can use the $type alias plain instead.

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. Use this layout class when the need for customization is minimal.

...

Code Block
languageyml
titleExample tabbed layout definition
collapsetrue
layout:
  class$type: info.magnolia.ui.framework.layout.TabbedLayoutDefinition
  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

Declarative layout

...

Code Block
languageyml
titleExample declarative layout definition
collapsetrue
layout:
  class$type: info.magnolia.ui.framework.layout.DeclarativeLayoutDefinitiondeclarativeLayout
  template: /contacts/layouts/edit-contact.html

...