Enables or disables the color picker.

Code examples

Set the disabled property.

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

Get the disabled property.

var disabled = $('#jqxColorPicker').jqxColorPicker('disabled');

Sets or gets the height of the color picker.

Code examples

Set the height property.

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

Get the height property.

var height = $('#jqxColorPicker').jqxColorPicker('height');

Sets or gets the width of the color picker.

Code examples

Set the width property.

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

Get the width property.

var width = $('#jqxColorPicker').jqxColorPicker('width');

Sets or gets the color mode.

Possible Values:

'hue'

'saturation'

Code examples

Set the colorMode property.

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

Get the colorMode property.

var colorMode = $('#jqxColorPicker').jqxColorPicker('colorMode');

Sets or gets the showTransparent property.

Code examples

Set the showTransparent property.

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

Get the showTransparent property.

var showTransparent = $('#jqxColorPicker').jqxColorPicker('showTransparent');

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');