Slider - Step

[Vladislav]

Hello.

How to set the step in the slider so that the steps work even with drag and drop. When you click on the button, the values increase by [step], but not when you drag and drop.

Thanks.

[Konstantin Dikov]

Hi Vladislav,

The slider has drag&drop option when the slider itself is used for changing the value. The step buttons are for moving one step at a time and I have to say that drag&drop for the buttons is not supported.

If other questions arise, feel free to get back to us. 

 

Regards,
Konstantin Dikov
Progress Telerik

[Vladislav]

Thanks for the reply, but...

Sorry, ok, I probably explained it wrong.

My problem is as follows. Drag and drop only works continuously, not in steps. In JQuery it is possible. Example: if min value = 0, max value = 100 and step = 10, even with drag and drop I can only set 0, 10, 20, 30 ... 100. But I can't set it in react.

Thanks.

[Vladislav]

Ok, I solved it manually.

[Konstantin Dikov]

Hi Vladislav,

I am glad to see that you have resolved the issue.

I am assuming that you have rounded the value within the onChange event to the step value:

• https://stackblitz.com/edit/react-xcyohc?file=app%2Fmain.jsx

[Vladislav]

Hi Konstantin.

Yes, exactly like that :).