Color and thickness

[Louis]

Hello,

1) How I can change the color slider when user select another value of the slide.  Example, selecting 1 the slider become yellow, selecting 2 it's become red, etc.  I have to use the sliderChange I guess.  But what are the JS instructions?

2)  And it's possible the change the thickness of the slider?

 

Thank a lot for your precious help.

[Eduardo Serra]

Hello Louis,

The color of the slider can be changed using the following using CSS, and we can dinamically change it, when the change event is triggered, using jQuery like this:

$(".k-slider-track", top).css("background-color", "#00ff00");
$(".k-slider-selection", top).css("background-color", "#00ff00");

I have prepared a sample in the Kendo UI Dojo that demonstrates this approach; you can take a look at it here.

Regarding your second question, there is no support for changing the width of our Kendo UI Slider; I encourage you to participate in the Kendo UI Feedback and Feature Request Portal and, if enough people vote on your request, developers might include it in future releases of Kendo UI Professional.

I hope this helps!

Regards,
Eduardo Serra
Telerik by Progress

[Louis]

A BIG THANK YOU Eduardo .

 

This information really help me.  Happy new year to you and all the telerik members.