Magnolia 6.0 reached end of life on June 26, 2019. This branch is no longer supported, see End-of-life policy.

Page tree
Skip to end of metadata
Go to start of metadata

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

fieldType: twinColSelect

Twin-column field properties

Simple twin-column field definition.

form:
 tabs:
    - name: tabTags
      label: Tags
      fields:
        - name: tags
          fieldType: twinColSelect
          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

 fieldType

twinColSelect

 label

Tags

See Referencing fields for further information.

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

optional, default is From

Text displayed above the left column. Typically retrieved from a message bundle.

rightColumnCaption

optional, default is To

Text displayed above the right column. Typically retrieved from a message bundle.