Is there a way to open color selector in bootstrap modal? about piklor.js HOT 2 CLOSED

It looks like I could place a piklor color picker inside a bootstrap modal by setting 'autoclose' to false and by setting 'closeOnBlur' to false.

And by ignoring the 'open' and 'openEvent'.

Then I could use the pk.colorChosen function to change the panel top color as well as save the color to the database using ajax.

Does this sound right? Thx!

from piklor.js.

You can even override the close and open functions:

var pk = new Piklor(".color-picker", [...])
pk.close = function () {
  this.elm.style.display = "none"; // Instead of this, close your modal
  this.isOpen = false;
};

pk.open = function () {
  this.elm.style.display = this.options.style.display; // Instead of this open your modal
  this.isOpen = true;
};

Is that what you want?

from piklor.js.