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

[bug report] Slider on iOS7

11 Answers 31 Views
Slider
This is a migrated thread and some comments may be shown as answers.
Paul
Top achievements
Rank 1
Paul asked on 08 Oct 2013, 06:42 PM
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. 

11 Answers, 1 is accepted

Sort by
0
Accepted
Kamen Bundev
Telerik team
answered on 09 Oct 2013, 06:31 AM
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!
0
seb
Top achievements
Rank 1
answered on 14 Jan 2014, 07:51 PM
Have you some news about the bug for the slider ?
0
Kiril Nikolov
Telerik team
answered on 15 Jan 2014, 01:10 PM
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!
0
seb
Top achievements
Rank 1
answered on 15 Jan 2014, 05:55 PM
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..
0
Kiril Nikolov
Telerik team
answered on 17 Jan 2014, 08:33 AM
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!
0
seb
Top achievements
Rank 1
answered on 18 Jan 2014, 08:25 AM
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.
0
Kiril Nikolov
Telerik team
answered on 20 Jan 2014, 11:14 AM
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!
0
seb
Top achievements
Rank 1
answered on 23 Jan 2014, 12:04 PM
<!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 ?
0
Kiril Nikolov
Telerik team
answered on 24 Jan 2014, 11:53 AM
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!
0
seb
Top achievements
Rank 1
answered on 25 Jan 2014, 10:40 AM
i have tested your jsbin on mobile and sorry the result is the same, maybe it's a bug with my host ? (OVH)
0
Kiril Nikolov
Telerik team
answered on 28 Jan 2014, 11:42 AM
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!
Tags
Slider
Asked by
Paul
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
seb
Top achievements
Rank 1
Kiril Nikolov
Telerik team
Share this question
or