kendo upgrade issues

[Michael]

I'm trying to update my kendo files to a recent release, and I am running into a couple of issues:

1) The icons stopped working. I understand that I will need new icon files. Where are these stored exactly? How do I copy them over?

2) The iOS7 status bar overlay issue is still a big problem. The footers are no longer off the bottom, so that is good, but the navigation buttons are obscured by the OS status bar stuff. Without: document.body.style.marginTop = "20px";, the page still doesn't look correct. Is it possible I simply have the wrong files? I pulled them by cloning a new project in icenium and copying the files over. They must at least be newer than the ones I was using. Top of kendo.mobile.min.js says:

* Kendo UI Mobile v2013.2.1021 (http://kendoui.com)

[Michael]

I was able to resolve issue #1 by copying the newer kendoui.ttf and kendoui.woff files.

#2 remains.

[Michael]

also, this: "app.application.showLoading();"

no longer does anything. Is there a new loading function?

[Michael]

additionally, my left-side drawer menu can no longer be swiped open on iOS..

[Kiril Nikolov]

Hi Michael,

Most probably you are using old Kendo UI Mobile files in your project. I would suggest you to download the latest files from the website and replace the old files. 

You can also check the following forum topic discussing issue similar to the one you are describing:

http://www.kendoui.com/forums/kendo-ui-mobile/general-discussions/fix-for-ios-7-status-bar-problem.aspx

As for the swipe issue that you are having - the left-right swipe in iOS7 is reserved for back navigation, so we have disabled this in the drawer, as this can cause some unexpected behavior in the application

Regards,
Kiril Nikolov
Telerik

[Michael]

I added: statusBarStyle: "black-translucent". and that resolved my iOS status bar problems. also had to add a <br /> or two to the top of my left drawer to bring the content down on iOS.

What about the loading graphics not working? have there been other people with this problem? We were using them quite a bit, so definitely need to get that working, or else institute a function of our own to replicate that behavior.

[Michael]

Okay, so I did a little test. I removed my app.application.hideLoading(); calls to see if the loading image displayed. It does display. Evidently it is just disappearing way faster than it used to, before the content is actually displayed in the view. Either that or it is so slow to show up, that by the time it does, the hide command has already been sent.

Is there a way I can modify this function?

[Michael]

I think the solution here is to append: .done(function() {app.application.hideLoading()}); to the end of my ajax calls. That makes it wait long enough to display correctly.

[Kiril Nikolov]

Hello Michael,

If you are using the Kendo UI DataSoruce component to handle the remote data calls in your application, you can use its requestEnd event to hide the loading animation.

Regards,
Kiril Nikolov
Telerik

[Ralph]

Hi,

I have just upgraded to the latest internal build (2013.3.1220).
I have similar problem for the custom font icons I defined.

After the upgrade, those icons are not displayed correctly. Only the Kendo UI built-in icons are displayed.
Please suggest how to fix.

Thanks!
Ralph

[Kiril Nikolov]

Hi Ralph,

Please make sure that the kendoui.woff and kendoui.ttf files are correctly loaded in your application. If this is not the case, please extract a runnable sample, showing the icons issue and we will be more than happy to take a look.

Regards,
Kiril Nikolov
Telerik