...
Like the composite field, the collapsible composite field defines a complex field that is composed of multiple simple fields.
Classclass: info.magnolia.editor.app.field.CollapsibleCompositeFieldDefinition
fieldType: collapsibleComposite
The collapsible composite field is useful in content editor apps like the Stories app as shown below.
Collapsed:
...
| Localtab Group |
|---|
| Localtab |
|---|
| | Code Block |
|---|
| form:
tabs:
- name: tabExample
fields:
- name: event
classfieldType: info.magnolia.editor.app.field.CollapsibleCompositeFieldDefinitioncollapsibleComposite
label: Event
fields:
- name: title
classfieldType: info.magnolia.ui.form.field.definition.TextFieldDefinitiontext
label: Title
- name: date
classfieldType: info.magnolia.ui.form.field.definition.DateFieldDefinitiondate
label: Date |
|
| Localtab |
|---|
| | Advanced Tables - Table Plus |
|---|
| enableHeadingAttributes | false |
|---|
| enableSorting | false |
|---|
| class | m5-configuration-tree |
|---|
| enableHighlighting | false |
|---|
| | Node name | Value |
|---|
|
| |
| |
| |
| |
| |
| |
| | textinfo.magnolia.ui.form.field.definition.TextFieldDefinition | | Title | |
| | dateinfo.magnolia.ui.form.field.definition.DateFieldDefinition | | Date | | collapsibleCompositeinfo.magnolia.editor.app.field.CollapsibleCompositeFieldDefinition | | Event |
|
|
|
| Include Page |
|---|
| _referencing fields shortcut info |
|---|
| _referencing fields shortcut info |
|---|
|
You can use common field properties and the following properties in a collapsible composite field definition:Composite field properties.
...
Properties specific to the collapsible composite field.
class
| required Definition class of the composite parent field. Use info.magnolia.editor.app.field.CollapsibleCompositeFieldDefinition. |
collapsed
| optional, default is false Defines whether the field should be collapsed initially |
.transformerClass
| optional, default is info.magnolia.ui.form.field.transformer.composite.DelegatingCompositeFieldTransformer
Custom property transformer definition. |
layout
| optional, default is vertical Defines the layout of the child fields: horizontal or vertical.  In custom content editor apps, this property must remain set to vertical.
|
transformerClass
| optional, default is info.magnolia.ui.form.field.transformer.composite.DelegatingCompositeFieldTransformer Custom property transformer definition. |
Common field properties:
| Include Page |
|---|
| _Common field properties |
|---|
| _Common field properties |
|---|
|