Field definition - 5 UI

DEPRECATED

A field is an HTML form element that allows a user to perform a task such as enter text, upload an image or select a date. Magnolia ships with a number of fields that should fulfill most needs.

Example

This form has four text fields and one checkbox field:

To add a field on your form, define the field inside a tab (see example below). At minimum, a field definition must contain a class or a fieldType property which tells Magnolia what type of field it should render. Set the property value to a valid field definition class name (for class) or to a valid field alias name (for fieldType). All fields support further common properties for defining things such as labels and descriptions.

form:
  tabs:
    - name: tabMain
      label: Text
      fields:
        - name: title
          fieldType: text
          label: pages.pageProperties.title.label
          description: pages.pageProperties.title.description 
          i18n: true
          required: true
          type: string

See the complete form definition in Git.

Common field properties

You can use these properties with any field unless specified otherwise.

Field types

Transformer classes