Request for help, how to specify a value through javascript.

[natecox]

I'm trying to implement this project into my code, and so far it's working great.

My only real issue at this time is how I can specify a value for the input via javascript and have the color-picker update in turn.

Basically, I have the value that it should represent stored in a database, and the input is set to the value in the database using a javascript call. This works fine, but I can't get the preview to update to the new specified color when the update is made.

[lauren]

Hey @natecox there is actually no way to do that currently, but I will add one asap. Thanks for bringing this up!

[danarmstrong]

I would like to be able to do this as well. I'm using AngularJS and created a directive for your component but it doesn't work properly with ngModel. The input field value is set properly but the color swatch is not. It only affects the creation of the component so it isn't a huge problem, but from a UX stand-point, it is a bit problematic for the default color to always be black.

[sargue]

+1, didn't see it. This is a duplicate of #35 of course.

[Geczy]

Needed this as well but can't wait for an answer, so I wrote my own.

$(this).next('div.input-group-btn').find('.color-preview.current-color').css('background-color', '#' + color);

[weisjohn]

I also did @Geczy's method, but I need a way to update the color on the advanced tab.

[speendo]

+1 - I would also need this feature!

[Jaza]

@weisjohn - for updating the color on the advanced tab (automatically, whenever the ".current-color" box is updated), see #61 where I've submitted a fix for this.

(although the fix is not complete, only updates the advanced preview box, not the HSL sliders - that will be harder).

[weisjohn]

@Jaza thanks for the fix, but I won't have time to check it :)

[natecox]

Seems as though there is a chain of open pull requests that reference this issue, and due to the extreme age of the issue I'm going to close it out.