jQuery Colorpicker Plugin For Bootstrap

jQuery Colorpicker Plugin For Bootstrap
File Size: 21.6 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

How to start using jQuery?

More in this category...

View our Recommended Plugins

TOP 100 jQuery Plugins 2013

Colorpicker Plugin For Bootstrap allows you to add color picker to field or to any other element with multiple formats: hex, rgb, rgba, hsl, hsla.

You might also like:

How to use it:

1. Include jQuery script and bootstrap-colorpicker.js

<script src="js/google-code-prettify/prettify.js"></script>
<script src="js/jquery.js"></script>
<script src="js/bootstrap-colorpicker.js"></script>

2. Call the function

$('.colorpicker').colorpicker()

3. Include CSS before </head>

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/colorpicker.css" rel="stylesheet">
<link href="js/google-code-prettify/prettify.css" rel="stylesheet">

4. Format a component

<div class="input-append color" data-color="rgb(255, 146, 180)" data-color-format="rgb">
  <input type="text" class="span2" value="" >
  <span class="add-on"><i style="background-color: rgb(255, 146, 180)"></i></span>
</div>

Change Log:

2013-04-12

  • Fixed bug where no value was passed to the methods.

This awesome jQuery plugin is developed by eyecon. For more Advanced Usages, please check the demo page or visit the official website.