Magnolia 5.3 reached end of life on June 30, 2017. This branch is no longer supported, see End-of-life policy.
Organize form fields that belong together into a tab. This makes filling the form straightforward and helps the user focus on one thing at a time. You can define a tab only inside a form definition . Tabs are displayed in the order which you define them.
Each form requires at least one tab. You cannot add fields without a tab.
Class: ConfiguredTabDefinition
Here is an example tab in the Contacts app. The first tab contains fields about the person and the second tab about their address.
Node name |
---|
modules |
contacts |
apps |
contacts |
subApps |
detail |
editor |
form |
tabs |
personal |
fields |
salutation |
firstName |
lastName |
fileUpload |
photoCaption |
photoAltText |
address |
Tabs look like this when rendered:
Properties:
<tab name>
fields
<field name>
extends
: Path to another tab that you extend. Valid values are absolute and relative paths in the config
workspace. Optional.i18nBasename
: Message bundle for localized labels. The bundle can be defined at dialog, form, tab or field level. Optional.label
: Field label displayed to editors. The value can be literal such as Product name
or retrieved from the message bundle with a key such as products.product.label
. Use alphanumeric characters in literal values.name
: Name of the tab. Optional.