class ColorPickerWidget

Plugin implementation of the 'field_example_color_picker' widget.

Plugin annotation


@FieldWidget(
  id = "field_example_color_picker",
  module = "field_example",
  label = @Translation("Color Picker"),
  field_types = {
    "field_example_rgb"
  }
)

Hierarchy

Expanded class hierarchy of ColorPickerWidget

File

View on git.drupalcode.org

modules/field_example/src/Plugin/Field/FieldWidget/ColorPickerWidget.php, line 20

Namespace

Drupal\field_example\Plugin\Field\FieldWidget
View source 
class ColorPickerWidget extends TextWidget {
  
  /**
   * {@inheritdoc}
   */
  public function formElement(FieldItemListInterface $items, $delta, array $element, array &$form, FormStateInterface $form_state) {
    $element = parent::formElement($items, $delta, $element, $form, $form_state);
    $element['value'] += [
      '#suffix' => '<div class="field-example-color-picker"></div>',
      '#attributes' => [
        'class' => [
          'edit-field-example-color-picker',
        ],
      ],
      '#attached' => [
        // Add Farbtastic color picker and the JavaScript file to trigger it.
'library' => [
          'field_example/color.picker',
        ],
      ],
    ];
    return $element;
  }

}

Members

Title Modifiers Object type Summary Overriden Title
ColorPickerWidget::formElement public function Overrides TextWidget::formElement
TextWidget::validate public function Validate the color text field.