The 5.7 branch of Magnolia reached End-of-Life on December 31, 2023, as specified in our End-of-life policy. This means the 5.7 branch is no longer maintained or supported. Please upgrade to the latest Magnolia release. By upgrading, you will get the latest release of Magnolia featuring significant improvements to the author and developer experience. For a successful upgrade, please consult our Magnolia 6.2 documentation. If you need help, please contact info@magnolia-cms.com.

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 10 Next »

This page describes two ways in which you may define the type of a field in a dialog.

Defining fields

When creating a dialog, you usually want it to contain fields that build its core functionality for user tasks such entering a text into a field and sending it to the server upon hitting the SUBMIT button. Any field like that must be defined in a dialog definition through a field definition which must contain – at minimum – a property telling Magnolia what type of field it should render in the dialog.

Using the class property

Until the release of Magnolia 5.7, the only way to specify the type of a dialog field was to state a fully qualified class name. For example, to define a simple text field named title for a dialog's tab called tabText you had to include the following in your code:

form:
  tabs:
    - name: tabText
      fields:
        - name: title
          class: info.magnolia.ui.form.field.definition.TextFieldDefinition





Currently in a dialog definition, to specify the type of field you must supply a fully qualified class name of the field, for example:


to provide a fully qualified

  


class or a fieldType  

The definition by class is the traditional (older) way, very well known to Java developers. The definition by fieldType has been implemented in Magnolia with the release of the 5.7 branch and is oriented towards front-end developers who may have only very little or no knowledge of Java.

Examples


Short field names

Old nameNew nameSince
UI module

basicTextCodeField

(warning) Removed, previously deprecated.

code5.7
basicUploadFieldbasicUpload5.7
checkBoxFieldcheckbox5.7
compositeFieldcomposite5.7
dateFielddate5.7
hiddenFieldhidden5.7
linkFieldlink5.7
linkFieldSelectlinkFieldSelection5.7
multiFieldmultiValue5.7
nodeTypeFieldnodeTypeSelect5.7
optionsFieldoptionGroup5.7
passwordFieldpassword5.7
selectFieldselect5.7
staticFieldstatic5.7
switchableFieldswitchable5.7
textArearichText5.7
textFieldtext5.7
twinColSelectFieldtwinColSelect5.7
workbenchFieldworkbench5.7
DAM module
damUploadFielddamUpload5.7
damWorkbenchFielddamWorkbench5.7
Content tags module
tagFieldtag5.7
taggingAwareDependenciesFieldtaggingAwareDependencies5.7
Content dependencies module
referenceFielddependencies5.7
Content editor module
articleBlockPickerblockPicker5.7
collapsibleCompositeFieldcollapsibleComposite5.7
expandingLinkFieldexpandingLink5.7
expandingTextFieldexpandingText5.7
peekFieldpeek5.7
placeholderTextplaceholderText5.7
refreshableTextFieldrefreshableText5.7

  • No labels