This is a migrated thread and some comments may be shown as answers.

Slider on Cordova strange behavior

3 Answers 89 Views
Slider
This is a migrated thread and some comments may be shown as answers.
Dario Ferrecchia
Top achievements
Rank 1
Dario Ferrecchia asked on 08 Oct 2013, 04:44 PM
Hi i have two slider in a Cordova app since the new version works great but with the new version works only on ios7 device if i use it in a ios5 or 6 device (or simulator) the slider have strange behaviors, or move all the view or move all the slider when i try to slide it. 

Thanks Dario

3 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 09 Oct 2013, 06:38 AM
Hello Dario,

The Slider seems working okay when we test it in Icenium and older iOS versions here. Can you send a sample project where we can reproduce it? I can convert this post to a support ticket if you value the privacy.

Regards,
Kamen Bundev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Dario Ferrecchia
Top achievements
Rank 1
answered on 15 Oct 2013, 10:53 AM
Hi thanks for the answer
i built an example page with slider only and i have tha same problem all the slider shake when i slide it.
I used real device and emulator with ios 5 and 6.
The application is forced portrait(if is important)
Thanks Elios

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<title>Boken</title>
<script src="../js/jquery.min.js"></script>
<link href="../styles/kendo.mobile.all.min.css" rel="stylesheet" />
<link href="../styles/kendo.mobile.common.min.css" rel="stylesheet" />
<script src="../js/kendo.mobile.min.js"></script>
<script src="../js/kendo.slider.min.js"></script>
<script>
var phone = true;
function onBodyLoad() {
app = window.kendoMobileApplication = new kendo.mobile.Application();
window.kendoMobileApplication.navigate("#overview-pr");
}
</script>
</head>
<body onload="onBodyLoad();"  id="stage" >
<!--PAgina di prova per lo slider-->
<div data-role="view" data-layout="overview-layout"    data-init="prInit" id="overview-pr" data-title="Pr" >
<script>
function prInit() {
$("#sliderPr").kendoSlider();
}
</script>
<div id="prContainer" >
<input id="sliderPr" value="100"/>
</div>
</div>
</body>
</html>
0
Dario Ferrecchia
Top achievements
Rank 1
answered on 15 Oct 2013, 12:53 PM
OK i figured out if i put 
kendo.default.min.css first of all start to work perfectly
Thanks 

Tags
Slider
Asked by
Dario Ferrecchia
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Dario Ferrecchia
Top achievements
Rank 1
Share this question
or