Twin-column field

TwinColSelectFieldDefinition renders two boxes side by side. Available items are in the left box and selected items in the right box. To select an item, move it from left to right.

This control is useful for selecting large sets of items such as group and role memberships. You can find an example in the Security app.

class: info.magnolia.ui.form.field.definition.TwinColSelectFieldDefinition

Twin-column field properties

Simple twin-column field definition.

form:
 tabs:
    - name: tabTags
      label: Tags
      fields:
        - name: tags
          class: info.magnolia.ui.form.field.definition.TwinColSelectFieldDefinition
          type: String
          label: Tags
          options:
            - name: news
              label: News
              selected: true
            - name: sports
              label: Sports
              value: sports
            - name: celebrities
              label: Celebrities
              value: celebrities

Node name	Value
form
tabs
tabTags
fields
tags
options
news
label	News
selected	true
value	News
sports
label	Sports
value	sports
celebrities
label	Celebrities
value	celebrities
class	info.magnolia.ui.form.field.definition.TwinColSelectFieldDefinition
label	Tags

You can use all common field properties and the following:

Select, Option group and Twin-column fields follow this general configuration pattern, but also have additional properties.

Properties:

`<field‑name>`	required Name of field
`options`	required Parent node for the selectable options.
`<option‑name>`	Name of the option.
`name`	optional, default is the parent node name Name of the node where the selected value is stored. If not set, the name of the parent node is used.
`value`	required Value saved to the repository when selected.
`label`	optional Option label displayed to the user.
`selected`	optional Pre-selects the option.
`path`	optional Path to an existing option set as opposed to defining options in the current definition.
`repository`	optional, default is `config` When using a `path` to an existing option set, workspace to look in.
`valueProperty`	optional, default is `value` Read option values from a different property. Set to the name of your custom value node.
`labelProperty`	optional, default is `label` Read option labels from a different property. Set to the name of your custom label node.
`sortOptions`	optional, default is `true` By default, option labels are sorted alphabetically. When set to `false` sorts the options per JCR node order.

Properties specific to the twin-column field.

`<field name>`	Name of field.
`leftColumnCaption`	Text displayed above the left column. Typically retrieved from a message bundle.
`rightColumnCaption`	Text displayed above the right column. Typically retrieved from a message bundle.

Page tree

Twin-column field

Twin-column field properties