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
0
Accepted
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
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
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
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
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
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
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
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
>
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);
});
0
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
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
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
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!