Sample 1

If there is not enough free space from the control to the upper side of the screen the selector opens downwards automatically.

Sample 2

If there are several inputs with the same name all all them are updated on color selection. In this sample the clear button is set to be last one.

Sample 3

The control can be inserted before or after the input. You can also customize the style of the color swatches, with the custom_class .double the swatches are wider.

Sample 4

In this sample the color palette is forced to open downwards.

Sample 5

With tha custom_class .wide swatches expand to be fullwidth.

Sample 6 A/B

Without clear button, you can clear the selection programatically calling:

$( input_element ).data('paletteColorPickerPlugin').reset();

Reset sample 6A | Reset sample 6B