The Slider Component only seems to work properly if the range is a multiple of 10.
<TelerikSlider @bind-Value="@MyInteger"
Min="0"
Max="10"
SmallStep="1"
LargeStep="1">
</TelerikSlider>
works as expected. Same is true if Max is set to 20. But if Max is set to 7 or 9 or 11 it does not work. In those cases, clicking on the right arrow button does not do anything and after dragging the slider it magically moves back to 0. Clicking on a value only works every second time.
Regards,
René
Hello Marin,
it seems to be a culture thing. I'm working on a german system and the decimal-separator is ','
If I change the decimal separator to '.' in the dev tools, the slider is displayed fine
You should make sure that your components always use Culture.Invariant and not the System-Culture.
Regards,
René
Hello Marin,
I was able to create a sample project with the problem.
When dispaying the current value of the slider in front of it as you have done in your video, I realized that the value is changed correctly but not so the circle marking the sliders position.
As you can see in this screenshot the problem occurs if --kendo-slider-end is a float instead of an integer:
In this little dummy project, the line within the slider is colored up to the correct value but the circle does not move along.
In my real life project, the colored line is not displayed correctly either. This might be because of custom styling.
I have attached the sample project for you to reproduce the error.
Regards,
René