Magnolia 5.6 reached end of life on June 25, 2020. This branch is no longer supported, see End-of-life policy.
renders a dropdown list.
class: info.magnolia.ui.form.field.definition.SelectFieldDefinition
Simple select field definition.
form: tabs: - name: tabLink label: Link fields: - name: listStyle class: info.magnolia.ui.form.field.definition.SelectFieldDefinition label: List style options: - name: bullet value: bullet selected: true label: Bullet - name: ordered value: ordered label: Ordered - name: inline value: inline label: Inline
Node name | Value |
---|---|
form | |
tabs | |
tabLink | |
fields | |
listStyle | |
options | |
bullet | |
label | Bullet |
selected | true |
value | bullet |
ordered | |
label | Ordered |
value | ordered |
inline | |
label | Inline |
value | inline |
class | info.magnolia.ui.form.field.definition.SelectFieldDefinition |
label | Link |
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 |
| required Parent node for the selectable options. |
| Name of the option. |
| 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. |
| required Value saved to the repository when selected. |
| optional Option label displayed to the user. |
| optional Pre-selects the option. |
| optional Path to an existing option set as opposed to defining options in the current definition. |
| optional, default is When using a |
| optional, default is Read option values from a different property. Set to the name of your custom value node. |
| optional, default is Read option labels from a different property. Set to the name of your custom label node. |
| optional, default is By default, option labels are sorted alphabetically. When set to |
Properties specific to the select field.
| optional, default is When When
|
| Vaadin
|
| optional, default is To enable paging and filtering, value must be an integer > |
Example: Select field using startswith
filtering mode and pagination set to 10 options per page.
form: tabs: - name: tabAddress fields: - name: country class: info.magnolia.ui.form.field.definition.SelectFieldDefinition label: Country filteringMode: startswith pageLength: 10 textInputAllowed: true options: - name: afghanistan value: afghanistan - name: argentina value: argentina - name: australia value: australia - name: austria value: austria - name: belgium value: belgium - name: brazil value: brazil - name: bulgaria value: bulgaria - name: canada value: canada - name: chad value: chad - name: chile value: chile - name: china value: china - name: cuba value: cuba - name: czech-republic value: czech-republic - name: denmark value: denmark
Node name | Value |
---|---|
form | |
tabs | |
tabAddress | |
fields | |
country | |
options | |
afghanistan | |
value | afghanistan |
argentina | |
value | argentina |
australia | |
value | australia |
austria | |
value | austria |
belgium | |
value | belgium |
brazil | |
value | brazil |
bulgaria | |
value | bulgaria |
canada | |
value | canada |
chad | |
value | chad |
chile | |
value | chile |
china | |
value | china |
cuba | |
value | cuba |
czech-republic | |
value | czech-republic |
denmark | |
value | denmark |
class | info.magnolia.ui.form.field.definition.SelectFieldDefinition |
filteringMode | startswith |
pageLength | 10 |
textInputAllowed | true |
Here's the field in a dialog.
1 Comment
Training Participants - FullStack Developer
when we use Switchable field we are able to switch to content specific to selected one. Is it same possible with Select Field in magnolia 5.7.