In this post, we will illustrate you how to add our new ColorPicker widget, called jqxColorPicker to your page.
1. The first step is to include the javascript and css files required by the Color Picker.
<link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" /><script type="text/javascript" src="scripts/jquery-1.7.2.min.js"></script><script type="text/javascript" src="jqwidgets/jqxcore.js"></script><script type="text/javascript" src="jqwidgets/jqxcolorpicker.js"></script><script type="text/javascript" src="jqwidgets/jqxradiobutton.js"></script>
2. The next step is to add a DIV tag to the body of your web page.
<div id="jqxColorPicker"></div>
3. The last step is to create the Color Picker by selecting the DIV tag and calling the jqxColorPicker constructor.
$("#jqxColorPicker").jqxColorPicker({ width: '250', height: '250'});
