Pip feature

[HerrSammyDE]

Hey,

is it possible to set some kind of active class on a pip that has just been selected?

Here is an example:

[leongersen]

Hi!

Not as a build in feature, but you can do this using the event system.

You can do something like this (I'm on mobile so the example isn't complete):

slider.noUiSlider.on('update', function(values, handle) {
    // (remove active class from current active handle)
    // (format value, handle querySelector)
    document.querySelector('.noUi-value[data-value="'+ values[handle] +'"]).classList.add('active');
});

[HerrSammyDE]

Thanks! Would you perhaps have a direct example where this works?

[leongersen]

Yeah! I've added this (and #1215) as an example to the documentation:

Interacting with pips.

[github-actions[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.