Slider on Cordova strange behavior

4 posts, 0 answers
  1. Dario Ferrecchia
    Dario Ferrecchia avatar
    8 posts
    Member since:
    Mar 2011

    Posted 08 Oct 2013 Link to this post

    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
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 09 Oct 2013 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
  4. Dario Ferrecchia
    Dario Ferrecchia avatar
    8 posts
    Member since:
    Mar 2011

    Posted 15 Oct 2013 Link to this post

    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>
  5. Dario Ferrecchia
    Dario Ferrecchia avatar
    8 posts
    Member since:
    Mar 2011

    Posted 15 Oct 2013 Link to this post

    OK i figured out if i put 
    kendo.default.min.css first of all start to work perfectly
    Thanks 

Back to Top
Kendo UI is VS 2017 Ready