Hello!

I have a problme with the new RangeSlider from Outsystems 11. When I use it for setting data, there's no problem, but, when i try to set slider data externally, from an input, for instance, it doesn't work.



That scenario not happen in DEPRECATED_RangeSlider, which work without problem in both cases.

Is it possible that could be any special change in new RangeSlider and i don't know? If not, if it possible that Outsystems team take a look?

Thank you!

Greetings!

Solution

Hi Jose,

You need some JS to accomplish that. You need to add an ExtendedClass to the RangeSlider and onChange of the input you run the JS to set the RangeSlider value. Something like this:

var slider = document.querySelector(".Test:first-child").firstChild;
slider.noUiSlider.set($parameters.In1);

You can check the example in attachment.

Regards,

Marcelo


Solution

Hello Jose Hugo Sanjuán Gilabert,

This is indeed a bug in the OutSystems UI block and you can expect a fix for it in the next release.

If this is blocking you, go ahead and use the workaround suggested above.

Regards,

Joana Pereira

Marcelo Ferreira wrote:

Hi Jose,

You need some JS to accomplish that. You need to add an ExtendedClass to the RangeSlider and onChange of the input you run the JS to set the RangeSlider value. Something like this:

var slider = document.querySelector(".Test:first-child").firstChild;
slider.noUiSlider.set($parameters.In1);

You can check the example in attachment.

Regards,

Marcelo



It works perfectly. Thank you so much!