How can i disable slider bar ?

[josephNg95]

I hope you can help.
I tried with a stupid way: g[0].innerHTML = '' in before mount event.
Remove some element and it hidden but when I clicking on the white space (show it before) It still works as if nothing had happened.
p/s: same #13

[jaames]

A hacky workaround to this would be hiding the slider with CSS:

.iro__slider {
  display: none;
  visibility: hidden;
  pointer-events: none;
}

Then stop it from interacting with mouse clicks:

colorPicker.on("mount", function(){
  colorPicker.ui.splice(1, 1);
});

Custom UI layouts are being planned for 4.0, though! The discussion for that is here

[josephNg95]

Thanks for your support 😄 !

[jaames]

iro.js version 4.0.0 is now live, which provides the ability to disable the brightness bar with the new custom layout option:

var colorPicker = new iro.ColorPicker('#color-picker', {
  layout: [
    {
      component: iro.ui.Wheel,
      options: {}
    }
  ]
});

--

Sorry for taking so long to find a good way to implement this!

[josephNg95]

:) no problem. I fixed it with your solution above, and it's work!
~ 1 year =))