[bug report] Slider on iOS7

12 posts, 2 answers
  1. Answer
    Paul
    Paul avatar
    3 posts
    Member since:
    May 2013

    Posted 08 Oct 2013 Link to this post

    The slider appears broken on iOS7. We are seeing this on iPhone5 with iOS7 and iPads with iOS7. If you open the mobile demos and look in the Forms - Overview demo on an actual iOS device, the track bar is not there. The handle will slide but its offset and you can't see the track. It works in the simulator so you have to use an real device to see it. 
  2. Answer
    Paul
    Paul avatar
    3 posts
    Member since:
    May 2013

    Posted 09 Oct 2013 Link to this post

    Hello Paul,

    We discovered this issue shortly after the release and it is fixed in the internal builds - download the latest one from your account to get the fix. However we keep our demos working with the release scripts and styles, so we won't fix it there until the next release.

    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. seb
    seb avatar
    5 posts
    Member since:
    Jan 2014

    Posted 14 Jan 2014 Link to this post

    Have you some news about the bug for the slider ?
  5. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 15 Jan 2014 Link to this post

    Hi Seb,

    As Kamen already said - it is fixed in the internal builds - download the latest one from your account to get the fix. If updating to the latest version does not resolve the issue, please try to provide more information and runnable representation of the problem.

    Thank you in advance for your cooperation.

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. seb
    seb avatar
    5 posts
    Member since:
    Jan 2014

    Posted 15 Jan 2014 Link to this post

    i'm in the wrong forum, i mean the slider for kendo ui mobile doesn't work when you swipe the slider with your fingers and you hold on finger the button to the slider come back..
  7. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 17 Jan 2014 Link to this post

    Hello Seb,

    Can you reproduce the problem in  our online demos as well? Please test it out here:

    http://demos.kendoui.com/mobile/forms/index.html

    If you can not reproduce it, please extract a runnable sample that we can take a look at and narrow down the issue.

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  8. seb
    seb avatar
    5 posts
    Member since:
    Jan 2014

    Posted 18 Jan 2014 Link to this post

    yes the demo online bug too, i run it with a iphone 4S on iOS 7.0.4 and a ipad 1 on 5.1.1 and the result is the same.
  9. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 20 Jan 2014 Link to this post

    Hi Seb,

    I have tested it again on a device with iOS 7.0.4 and was not able to reproduce it. Maybe I am not doing something right, please provide some detailed instructions or a video, so we can see how you reproduce it.

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  10. seb
    seb avatar
    5 posts
    Member since:
    Jan 2014

    Posted 23 Jan 2014 Link to this post

    <!DOCTYPE html>
    <html>
    <body>
        <div data-role="view" id="drawer-so2" data-layout="drawer-layout" data-title="So2">
        <ul data-role="listview" class="inboxlist" id="so2">
           <li>
        <input id="sulfitePresent" class="sulfitePresent" data-role="slider" data-min="1" data-max="100" data-value-update="change" data-bind="value: sulfitePresent" />
        SO<sub>2</sub> present<span data-bind="text: sulfitePresent" class="so2present"></span><br />
           </li>
           <li>
        <input  class="sulfiteVoulu" data-role="slider" data-min="5" data-max="100" data-bind="value: sulfiteVoulu" />
         SO<sub>2</sub> voulu<span data-bind="text: sulfiteVoulu" class="so2voulu"></span><br/>
           </li>
           <li>
        <input  class="volumeVin" data-role="slider" data-min="1" data-max="100" data-bind="value: volumeVin" />
         Volume de vin<span data-bind="text: volumeVin" class="volume"></span><br/>
           </li>
           <li>
    <a data-icon="info" data-role="button" href="#info" data-rel="popover">Resultat sous différente unité</a>
     
        <span data-bind="text: resultatMl" class="ml"></span> ml de solution à 10%</br>
        <span data-bind="text: resultatL" class="l"></span> l de solution à 10%</br>
         <span data-bind="text: resultatGramme" class="gr"></span> g de solution en gaz</br>
     
    </li>
    </ul>
    <div id="info" data-role="popover">
         <div data-role="view">
             <p>Les résultats sont calculés à partir de la teneur en so<sub>2</sub> libre.</p>
         </div>
    </div>
    </div>
     
    <div data-role="layout" data-id="drawer-layout">
        <header data-role="header">
            <div data-role="navbar">
                <a data-role="button" data-rel="drawer" href="#my-drawer" data-icon="drawer-button" data-align="left"></a>
                <span data-role="view-title"></span>
            </div>
        </header>
    </div>
      
    </body>
    </html>
    and my js:
       var viewModel = kendo.observable({
            sulfitePresent: 10,
            sulfiteVoulu: 30,
            volumeVin: 6,
            resultatMl: function() {
                return ((this.get("sulfiteVoulu") - this.get("sulfitePresent")) * (this.get("volumeVin") * 1.5)).toFixed(2);
            },
            resultatL : function(){
                return ((this.get("sulfiteVoulu") - this.get("sulfitePresent")) * (this.get("volumeVin") * 1.5)/1000).toFixed(2);
            },
            resultatGramme: function(){
                return ((this.get("sulfiteVoulu") - this.get("sulfitePresent")) * (this.get("volumeVin") * 1.5)/100).toFixed(0);
            },
        });
     
    $(document).ready(function() {   
        kendo.bind($("li"), viewModel);
    });
    there is a solution to add the increase and the decrease button for mobile slider ?
  11. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 24 Jan 2014 Link to this post

    Hello Seb,

    I have extracted your code in a jsBin sample, and tested in on mobile device, please check it our here:

    http://www.screencast.com/t/ZF1lCFYb

    Furthermore I can see that you are using incorrect MVVM bindings in your application. Please check the following article explaining how to correctly bind MVVM in mobile application:

    http://docs.kendoui.com/getting-started/mobile/mvvm

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  12. seb
    seb avatar
    5 posts
    Member since:
    Jan 2014

    Posted 25 Jan 2014 Link to this post

    i have tested your jsbin on mobile and sorry the result is the same, maybe it's a bug with my host ? (OVH)
  13. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 28 Jan 2014 Link to this post

    Hi Seb,

    I cannot tell you for sure what is causing this issue, but without a actual representation of the problem, there is not way to tell what is wrong as long as it works as expected. 

    Regards,
    Kiril Nikolov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
Kendo UI is VS 2017 Ready