Color¶

type => 'color' // TCA

The Color type provides a simple color picker.

Settings¶

default ¶

Required: false
Type: string
Default: ''

Default value set if a new record is created.

required ¶

Required: false
Type: boolean
Default: false

If set, the field will become mandatory.

valuePicker ¶

Required: false
Type: array

Renders a select box with static values next to the input field. When a value is selected in the box, the value is transferred to the field. Keys:

items (array): An array with selectable items. Each item is an array with the first being the label in the select drop-down (LLL reference possible), and the second being the value transferred to the input field.

Example:

valuePicker:
  items:
    - [ 'Red', '#FF0000' ]
    - [ 'Green', '#008000' ]
    - [ 'Blue', '#0000FF' ]

For more advanced configuration refer to the TCA documentation.

Example¶

Minimal¶

name: example/color
fields:
  - identifier: color
    type: Color

Advanced / use case¶

name: example/color
fields:
  - identifier: color
    type: Color
    autocomplete: true
    default: '#0000FF'
    valuePicker:
      items:
        - [ 'Red', '#FF0000' ]
        - [ 'Green', '#008000' ]
        - [ 'Blue', '#0000FF' ]