Color Picker

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'});
color picker

About admin

This entry was posted in JavaScript UI, jQuery UI, jQuery UI Plugins, jQuery UI Widgets and tagged , , , , , , , , , . Bookmark the permalink.

Leave a Reply