Color Picker Field

Magnolia Compatibility
6.1
6.2

Vaadin's ColorPicker component wrapped in a custom field.

Installing

Maven is the easiest way to install the module.

<dependency> 
  <groupId>info.magnolia.ui</groupId>
  <artifactId>magnolia-ui-color-picker-field</artifactId>
  <version>1.1.1</version> <!-- Magnolia 6.2 -->
</dependency>

Source Code

The source for this module can be found here: https://github.com/magnolia-community/color-picker-field

Issues, Bugs and Improvements

Report them here: https://github.com/magnolia-community/color-picker-field/issues

Configuration

Simply configure the color picker as a field in your dialog or app:

/my-module/dialogs/color-picker-example.yaml

form:
  properties:
    color:
      $type: colorPickerField
      label: Color Picker

Known Issues

Closing the dialog (i.e. Save and Cancel) does not automatically close the color picker. You must pick the color, click "OK" and then Save.
In version 1.0, the "name" of the color picker must be "color". Limited to one picker per form. ( fixed in v.1.1)
Unable to clear color picker selection, or select transparent color.
- https://github.com/magnolia-community/color-picker-field/issues/3

Changelog

v1.1.1
- Fixed modal bug.
  - https://github.com/magnolia-community/color-picker-field/issues/2
v1.1
- Updated for 6.2.
  - https://github.com/magnolia-community/color-picker-field/pull/1
- Solved restriction of field naming.
v1.0
- Released for 6.1

Page tree