Colorpicker Widget

Use this widget to add a colorpicker to a specific <div> element.

jQuery Colpick Website: https://github.com/mrgrain/colpick

Options

Color | data-colorpicker-color | String | Optional

Provide the default color for the color picker. If no value is provided, it defaults to '#ffffff'.

Example

<div data-gx-widget="colorpicker"
    data-colorpicker-color="#555dfa">
  <button class="btn picker">Select Color</button>
  <strong class="color-preview">Color Preview</strong>
  <input type="hidden" id="color-value" />
</div>
Source:
To Do:
  • Replace the global-colorpicker.css with the one from bower components
  • The $preview selector must be set dynamically through an option.

Requires

  • module:jQuery-Colpick-Plugin