Page History
...
Include Page | ||||
---|---|---|---|---|
|
Form layout
Plain
...
layout
Status | ||||
---|---|---|---|---|
|
With the plain layout, it is not possible to configure anything. Use this layout class when there is no need for customization.
The fully qualified class name of the plain layout is info.magnolia.ui.framework.layout.PlainFormLayoutDefinition
. If the definition class is annotated with ($type
alias plain
).
Horizontal layout
With the horizontal layout, you can enable or disable spacing between fields in the layout.
The fully qualified class name of the horizontal layout is info.magnolia.ui.framework.layout.LayoutType
, you can use the $type
alias plain
insteadHorizontalLayoutDefinition
($type
alias horizontal
).
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.
The fully qualified class name of the tabbed layout is info.magnolia.ui.framework.layout.TabbedLayoutDefinition
. If the definition class is annotated with info.magnolia.ui.framework.layout.LayoutType
, you can use the ($type
alias tabbedLayout
instead).
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
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 |
...
The fully qualified class name of the declarative layout is info.magnolia.ui.framework.layout.DeclarativeLayoutDefinition
. If the definition class is annotated with info.magnolia.ui.framework.layout.LayoutType
, you can use the ($type
alias declarativeLayout
instead).
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
layout: $type: declarativeLayout template: /contacts/layouts/edit-contact.html |
...