Enables or disables the color picker.

Code examples

Initialize a color picker with the disabled property specified.

$('#colorPicker').jqxColorPicker({disabled: true });

Sets the height of the color picker.

Code examples

Initialize a color picker with the height property specified.

$('#colorPicker').jqxColorPicker({height: 300 });

Sets the width of the color picker.

Code examples

Initialize a color picker with the width property specified.

$('#colorPicker').jqxColorPicker({width: 300 });

Sets the color mode.

Code examples

Initialize a color picker with the colorMode property specified.

$('#colorPicker').jqxColorPicker({colorMode: 'hue' });

Sets the showTransparent property.

Code examples

Initialize a color picker with the showTransparent property specified.

$('#colorPicker').jqxColorPicker({showTransparent: true });

This event is triggered when a new color is picked.

Code examples

Bind to the colorchange event by type: jqxColorPicker.

$('#jqxColorPicker').bind('colorchange', function (event) 

{

    var color = event.args;

});

                        

Sets a color.

Code examples

Invoke the setColor method.

 $("#jqxColorPicker").jqxColorPicker('setColor', '#bbaaff');

                        or

                         $("#jqxColorPicker").jqxColorPicker('setColor', {r: 150, g: 250, b: 255});

                        

Gets the color.

Code examples

Invoke the getColor method.

var color = $("#jqxColorPicker").jqxColorPicker('getColor');