Question

I need a slider component for Outsystems application where-in I have three values low, medium and high. (Lets say low-> 0, medium->5, high->10)
It should be possible for a user to place the slider indicator on any of these values.

Any hints?

Thanks !

Answer 1

If you’re just in need for a slider that ables you to fill it with an array of ranges, you can just go for jquery UI one :

http://jqueryui.com/slider/#steps

Great funcitionnalities and support.

EDIT : for color evolving, you could make a div for the tooltip with a color background, that you will change depending on the value selected. Your code would look like something like this :

(if val == 1){handle.css('color','red');}
else if(val == 5){handle.css('color','yellow')} 
else if (val == 10) {handle.css('color','green')}