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

TimePicker on iPad

12 Answers 90 Views
Date/Time Pickers
This is a migrated thread and some comments may be shown as answers.
Kjell
Top achievements
Rank 1
Kjell asked on 10 Feb 2012, 01:54 AM
The TimePicker doesn't appear to work properly on the iPad.  The scrollbar doesn't appear in the menu and it is very hard to scroll thru the times.  When I tried to flick it, it just moved the actual browser window, same happens in your demo.

This is not a huge deal to me, I'm just not going to use that control, but I do want to know if this is something you are aware of and/or plan to fix in the future.  On a side note, are the web controls not really meant for iPad dev, shoudl I be using the "Mobile" tools?  I went with web just because there are so many more available.

12 Answers, 1 is accepted

Sort by
0
Georgi Krustev
Telerik team
answered on 10 Feb 2012, 04:25 PM
Hello Kjell,

 
In SP1 of Q3 2011 release of Kendo UI (2011.3.1407) we add support for scrolling in mobile device. In order to enable it you will need to add kendo.mobile.core.js and kendo.mobile.scroller.js scripts.

Regards,
Georgi Krustev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Kjell
Top achievements
Rank 1
answered on 10 Feb 2012, 09:54 PM
I added the two scripts but it did not impact the behavior, can you show me a working sample?
0
Kjell
Top achievements
Rank 1
answered on 13 Feb 2012, 09:12 AM
Some more info... I just noticed I am getting the following error:

SCRIPT5007: Unable to get value of the property 'ui': object is null or identified
kendo.mobile.scroller.min.js, line 11 char 2165

It highlights a piece of code in the js which says:        d=c.mobile.ui
0
Georgi Krustev
Telerik team
answered on 13 Feb 2012, 03:28 PM
Hello Kjell,

 
Check this jsFiddle demo, which shows how to load required JS files in order to turn on the scrolling functionality.

All the best,
Georgi Krustev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Kjell
Top achievements
Rank 1
answered on 13 Feb 2012, 08:40 PM
Your demo is for a combobox, which I am not having any trouble with.  The TimePicker is what is not working for me.

I took your demo and changed the control to a TimePicker, no errors this time but it still did not scroll on the iPad. 
0
Georgi Krustev
Telerik team
answered on 14 Feb 2012, 04:45 PM
Hello Kjell,

 
I have updated the jsFiddle demo to use TimePicker instead of ComboBox. Everything works on my end.

Kind regards,
Georgi Krustev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Kjell
Top achievements
Rank 1
answered on 14 Feb 2012, 05:55 PM
Unfortunately it does not work for me on the iPad.  No problems on a  PC. but on the iPad there is still no way to scroll thru the times.   I'll do some more troubleshooting to see if I can get more info for you.
0
Georgi Krustev
Telerik team
answered on 15 Feb 2012, 05:15 PM
Hello Kjell,

 
In order to proceed with the investigation I will need to review the current implementation.

Regards,
Georgi Krustev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Kjell
Top achievements
Rank 1
answered on 16 Feb 2012, 06:27 AM
The error I was getting was due to the order of my js references, I was able to fix that.  However the scroll is still not working on the timepicker either in my own project or the jsfiddle link you sent.  I can confirm that it is working fine in my comboboxes.
0
Richard
Top achievements
Rank 1
answered on 24 Feb 2012, 05:43 PM
@Kjell - I am having same issue with scrolling and the error you were getting. Could you list the order of your scripts in which you found to work. Cant tell you how much I would appreciate it. Currently these are the scripts, in order, that I have:
 
<script src="../../Scripts/Kendo/Web/jquery.min.js" type="text/javascript"></script> 
<script src="../../Scripts/Kendo/Web/kendo.web.min.js" type="text/javascript"></script>

<
script src="../../Scripts/Kendo/Mobile/kendo.mobile.core.min.js" type="text/javascript"></script>
<script src="../../Scripts/Kendo/Mobile/kendo.mobile.scroller.min.js" type="text/javascript"></script>
0
Kjell
Top achievements
Rank 1
answered on 25 Feb 2012, 03:33 AM
I am also using the web references instead of the one from the download, I don't remember if that mattered.  Here are all my Kendo references in the order which they appear in my page:

<!--JS scripts-->                 
      <script src="js/kendo/jquery.min.js" type="text/javascript"></script>  
      <script src="js/kendo/kendo.all.min.js" type="text/javascript"></script>                         
      <script src="js/kendo/kendo.popup.min.js" type="text/javascript"></script>
      <script src="js/kendo/kendo.data.odata.min.js" type="text/javascript"></script>
      <script src="js/kendo/kendo.data.min.js" type="text/javascript"></script>
      <script src="js/kendo/kendo.list.min.js" type="text/javascript"></script>
       
      <script src="http://cdn.kendostatic.com/2012.1.124/js/kendo.web.min.js" type="text/javascript"></script>
      <script src="http://cdn.kendostatic.com/2012.1.124/js/kendo.mobile.core.min.js" type="text/javascript"></script>       
      <script src="http://cdn.kendostatic.com/2012.1.124/js/kendo.mobile.scroller.min.js" type="text/javascript"></script>

I want to point out though that the scroll doesn't work, I'm hoping it is fixed in the March release otherwise I wont be able to use this control in the first release of my application.
0
Richard
Top achievements
Rank 1
answered on 27 Feb 2012, 05:11 PM
Kjell, thanks for the reply. That worked perfectly. And I'm using the kendo DropDownList and when I tested on the iPad the scrolling actually worked for me. You're a life saver.
Tags
Date/Time Pickers
Asked by
Kjell
Top achievements
Rank 1
Answers by
Georgi Krustev
Telerik team
Kjell
Top achievements
Rank 1
Richard
Top achievements
Rank 1
Share this question
or