TimePicker on iPad

[Kjell]

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.

[Georgi Krustev]

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

[Kjell]

I added the two scripts but it did not impact the behavior, can you show me a working sample?

[Kjell]

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

[Georgi Krustev]

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

[Kjell]

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. 

[Georgi Krustev]

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

[Stewart]

Is there an update for this that works with the latest KendoUI release?  I tried adding the kendo.mobile.min.js script to my page and started getting errors about e.split() not valid,  I am running KendoUI 2022.2 and my time pickers on iOS and iPadOS are doing the same thing.

--Stewart McGuire

[Georgi Denchev]

Hi, Stewart,

The newer versions of the widgets no longer depend on the mobile scripts and styles. They are fully responsive on any mobile devices.

These are the three main files that you need to include in your project for the widgets to function:

<!-- A theme -->
  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.3.913/styles/kendo.default-ocean-blue.min.css">

<!-- The jQuery library -->
  <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<!-- The Kendo Library -->
  <script src="https://kendo.cdn.telerik.com/2022.3.913/js/kendo.all.min.js"></script>

Could you perform the test on any of our online demos and let me know how it goes?

https://demos.telerik.com/kendo-ui/timepicker/index 

If the issue is still there, could you provide me with a bit more details about the Device and Browser versions that were used?

Best Regards,

Georgi

[Stewart]

Georgi,

Thanks for the reply.  I actually discovered that it was my own fault that caused the issue.  We had upgraded the page from an older (2019) version of KendoUI for jQuery to the 2022.2 version and I found several styling issues with workarounds that I had in place for the older version that no longer worked in the 2022.2 version.  I have since updated the styling and the time picker and datetime pickers now work as expected.

--Stewart

[Georgi Denchev]

Hi, Stewart,

I am glad you managed to resolve the issue and thank you for sharing what the problem was!

Best Regards,

Georgi

[Kjell]

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.

[Georgi Krustev]

Hello Kjell,

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

Regards,
Georgi Krustev
the Telerik team

[Kjell]

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.

[Richard]

@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>

[Kjell]

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.

[Richard]

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.