release the colorselector from bootstrap and make it an universal element so that it's available for every framework.

I would love to be able to group my swatches into various sections with a title. Using would seem a natural way to set this in the select tag.

Can I change the direction of dropdown, for example, on the top instead of on the bottom

It would be nice to have an option to set a board around the the color box this would be good for colors like white or that are not very visible.

When I go to select a color and it shows all the available colors, when I hover over any color it changes the color to blue. Anyone have this issue or have a clue why it is doing this?

I have grid where I want to add this color picker to each row , But it's only attaching to first row element.

How can i user for multiple element / rows ?

Hi, I want to change the color selected in the drop-down. Based on some event on my page, I want to change the selected item, How can i do this using jQuery.
When i use below code it does not work.
$('#ddColor').val("#FF69B4")

Can any one help!

Thanks!

Like every other select out there in the wild it should close on self click when no value is selected by the user.

I think should be have color selector for mobiles to users choose easier.

If placing the select within a element, the drop down will not show. This is perhaps not a bad thing, as it is invalid to nest anything other than text or images within a button.

I came across this scenario, because I wanted to place the color picker inside a Boostrap Input element with add ons, which by default uses buttons. Changing the

The drop-down caret seems to adopt the current text color, instead of the background color used by the swatch drop down.

Hi, any idea how to fix this? when the dropdown button is too close to the right border it overflows.

This code:

...
setValue : function(value) {
      this.$select.val(value).change();
    },
  };

Hi @flaute ,
We would like to add you library to cdnjs hosting. Could you please add git tag to you library. thanks

I would like to refence the calling colorSelector object from within the callback function, something like this:

    $('.colorSelector').colorselector({
        callback: function (value, color, title) {
            $($(this).id + 'Text').val(title);
            console.log($(this))
        }
    });

This way I don't have to register a callback function for each and every color selector separately, but can instantiate them all through a single function. (Or is there a better way, that I missed?) :) Thanks!

Hi, can you add bower.json file to this package ?