Questions on UI for ASP.NET Core Forum

1 question

1 answer

616 views

Problems with slider after dynamically changing properties using setOptions

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.