Blank lines in Grid on iOS 7

[Robert]

Hi there,

When I use the Grid control configured with remote databinding on iOS 7 the lines initially appear as blank. Once the data in the grid is rebound or refreshed (So the page is changed, a column is sorted etc.) then the lines suddenly appear perfectly.

The grid works perfectly on other versions of iOS, Android and Chrome. 
Any ideas how i can resolve this? I have attached a screenshot of the behaviour. The grid also looks a bit funny when used with Kendo UI mobile on iOS7. 

Thanks,

Rob

[Kiril Nikolov]

Hi Robert,

Thank you very much for the detailed information and the screenshots that you provided.

I can see that there is something wrong with the CSS on your page - if you take a closer look at the pager you will see that the circle showing the current page is incorrectly filled, which might be caused by error in the CSS files loaded. This could also be the reason for the grid issue that you describe. 

In order to take a deeper look we will need a runnable sample that we can investigate locally and narrow down the issue.

With the Q3 BETA release of Kendo UI, adaptive widgets (Kendo UI Grid and Scheduler) were introduced. These widgets are optimized to work on mobile devices, maybe you can include them in your project. Please take a look at the following demo:

http://demos.kendoui.com/beta/mobile/adaptive/scheduler.html
 
Regards,
Kiril Nikolov
Telerik

[Robert]

Hi Kiril,

The adaptive widgets look like they will be the solution to my problem.

Thanks for the prompt reply.

Rob

[Graham]

Hi Kendo Team,

It looks like that Adaptive Grid or Scheduler demo you linked is not loading :( Just receive a blank iphone image.

Looking in F12 developer tools it looks like the page is hitting script errors:
GET http://cdn.kendostatic.com/2013.3.1030/js/kendo.all.min.js  scheduler.html:16
Uncaught TypeError: Cannot read property 'ui' of undefined examples.js:585
Uncaught ReferenceError: preventFOUC is not defined scheduler.html:283
Uncaught ReferenceError: kendo is not defined scheduler.html:392
Uncaught TypeError: Object [object Object] has no method 'kendoTabStrip' scheduler.html:413
Uncaught TypeError: Object [object Object] has no method 'kendoTabStrip' scheduler.html:433
Uncaught ReferenceError: kendo is not defined scheduler.html:458
Uncaught TypeError: Object [object Object] has no method 'kendoThemeChooser' scheduler.html:542
Uncaught TypeError: Cannot read property 'dataviz' of undefined examples.js:291
Resource interpreted as Font but transferred with MIME type font/x-woff: "http://cdn.kendostatic.com/2013.3.1030/styles/images/kendoui.woff". scheduler.html:1

[Sebastian]

Hi Graham,

The demos are already updated with the official bits and I tested the relevant example which should operate as expected. You can view it here.

Regards,
Sebastian
Telerik

[Graham]

Well something has happened within the last 14 hours then :) Because I am still getting JS errors sorry.

http://demos.kendoui.com/mobile/adaptive/scheduler.html
Uncaught ReferenceError: kendo is not defined kendo.timezones.min.js:9
Uncaught TypeError: Cannot read property 'ui' of undefined examples.js:585
Uncaught ReferenceError: preventFOUC is not defined scheduler.html:284
Failed to load resource http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js
Uncaught ReferenceError: kendo is not defined scheduler.html:393
Uncaught TypeError: Object [object Object] has no method 'kendoTabStrip' scheduler.html:414
Uncaught TypeError: Object [object Object] has no method 'kendoTabStrip' scheduler.html:434
Uncaught ReferenceError: kendo is not defined scheduler.html:459
Uncaught TypeError: Object [object Object] has no method 'kendoThemeChooser' scheduler.html:543
Uncaught TypeError: Cannot read property 'dataviz' of undefined examples.js:291
Uncaught TypeError: Cannot read property 'ui' of undefined examples.js:160

[Graham]

Ok, it's not just that, all demos appear to be broken

http://demos.kendoui.com/web/scheduler/index.html
http://demos.kendoui.com/web/grid/index.html

all broken with javascript errors, I guess this is a transition issue to your Q3 release.

[Sebastian]

Hello Graham,

I tried to recreate the errors browsing the online demos but unfortunately to no avail. Can you check whether clearing your browser's cache or accessing the examples from different machine/outside of your network makes a difference?

This is the first report we receive for issues with the demos from our Q3'13 release.

Regards,
Sebastian
Telerik

[Graham]

Ok, trying on my phone over a 3G connection outside my work network, it does work. This is odd. (I did even try clearing the cache on my browsers here, same errors)

We do have an internal proxy here, but from what I can tell in the Sources/Network tab in Chrome and Firefox it is downloading all the JS's ok. I might try and find out if our network proxy is blocking anything to do with your sites, so so strange as I've accessed these demos before!

Thanks for your help, with it working on my phone, I can't imagine it is your problem to fix :)