Problems with slider after dynamically changing properties using setOptions

0 Answers 41 Views
Slider
Werdna
Top achievements
Rank 1
Werdna asked on 22 Jul 2021, 05:40 PM

I have a slider on a page set to a min/max of 0 and 100.   The min/max of this slider is variable and changes depending on what a user has selected in a dropdownlist.  For example, when the user selects an item in the dropdownlist, I change the slider's min/max value of 10 and 50 using setOptions.

 var slider = $("#slider").data("kendoSlider");
                slider.setOptions({
                    min: 10,
                    max: 50,
                    smallStep: 1,
                    largeStep: 5,
                    value: 10
                });

slider.resize();

This seems to work as the slider updates to the properties I set in setOptions.  But after I do this, it doesn't consistently let me jump to a value in the slider.   For example, if I try to click the slider line at 40, the slider won't move to it.  Sometimes it will, sometimes it won't.   If I drag the slider ball to a number it works fine, if I user the increase/decrease arrow buttons it works fine.  But clicking on a number in the slider bar does not work.  

- This jumping to a number in the slider works fine before I dynamically change the properties using "setOptions".
- This problem occurs regardless of what property in the slider I change using "setOptions". 

Any ideas? Thanks.

Stoyan
Telerik team
commented on 27 Jul 2021, 03:12 PM

Hello Werdna,

I noticed that this thread is identical to this one. I suggest to continue the communication there in order to prevent duplication of the answers.

No answers yet. Maybe you can help?

Tags
Slider
Asked by
Werdna
Top achievements
Rank 1
Share this question
or