Slider in Mobile Kendo UI

[Thomas]

I want to use the Slider in a mobile Kendo UI Projekt.
It works fine exept the draging of the Slider. I can use the arrows or tab direct to the value, but I cannot hold down and slide left / right, as it works in the demo for example.

Any known problems with the slider and the mobile-package?


Greetings


Tom

[Petyo]

Hello,

I can confirm this problem. We will look into fixing that, it should be available in one of our next internal builds. Your points have been updated for this finding.  

All the best,
Petyo
the Telerik team

[Mauro]

Hi Petyo,

are there any news about slider in kendo mobile? I really need to use it!

Best regards
Mauro

[Leonas]

Do the sliders work in Kendo Mobile now? I would also really like to use them.

[Ian]

Hello,
I would like to use the slider in a phonegap application. Probably I have been looking in the wrong places, but I can't seem to find an example of getting it to work. Does such an example exist?

Thanks,
ian

[John Bowyer]

This is probably not supported but I have hacked the CSS a bit and it seems to work.

You can see a live demo at
http://www.veterinaryclipboard.com

[Leonas]

Awesome, thanks!

[Patrick]

I also have a problem here.Which slider can I use in my phonegap application?

[Patrick]

To elaborate my question a bit further: I have a kendo-ui mobile application, and a remote view, that should contain a slider.

When I initialize slider like this, it doesnt work:

<input id="slider" data-role="slider" class="balSlider" data-bind="value: currentVolumePercent, events: { change: volumeChanged }" />

 I have to do the following in the view init's function in order to see the slider

$("#slider").kendoSlider({
                min: -100,
                max: 100,
                smallStep: 10,
                largeStep: 20
            }).data("kendoSlider");

 

 However, it does not take over the data-bind options that I have set on the input element, which are (i pretty sure) defined correctly.

How can I use kendo slider correctly in a remote view, so it also considers my data bindings? Ideally, I want to initialize it in markup with data-role="slider", without the JS initialization.

[Petyo]

Hello Patrick,

 

the forum thread is more than three years old and discusses issues which are no longer relevant. To receive assistance from Telerik, please isolate your current case in a runnable sample - from what I see, the declarative binding you are using should work as expected. 

 

Regards,
Petyo
Telerik