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

Mobile Icons not displayed in Windows phone 8 emulator

3 Answers 185 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Robert
Top achievements
Rank 1
Robert asked on 27 Mar 2013, 09:28 AM
Hi There,

I've wrapped my kendoui mobile application in PhoneGap and created a native application for Windows Phone 8. My issue now is that none of the kendo mobile icons are rendering when I test using tyyhe Windows Phone 8 emulator? I have double checked that all of the tff and woff files are in the correct place along with all the images but it still doesn't. 

Is there something different I need to do to get icons to work and should I being expecting them to?

Finally there is also an issues that all of the views seem to be rendered too high so the top part of headings in the top toolbar are cut off and you have to manually scroll down. This seems to happen after an input has been used and the keyboard appears and then is closed. Is there a way I can fix this?

Thanks,

Rob

3 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 27 Mar 2013, 01:11 PM
Hi Robert,

Unfortunately the missing icons are a limitation on WP8 - the embedded IE doesn't support loading web fonts. The issue is also mentioned in our Kendo UI Mobile FAQ and the Icons article. The only sensible way to work around that is to use images for icons instead. I went ahead and did a default workaround which will be included in the next internal build and the service pack. Meanwhile I'm attaching only the needed styles and images to this post, just extract the archive to your CSS folder - where the Kendo Mobile CSS resides - and add a link after it in your page. This will replace all font icons with image ones when you're using them in PhoneGap or HTML5 application (browser rendering won't be affected).

Let me know how it goes.

Greetings,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Robert
Top achievements
Rank 1
answered on 02 Apr 2013, 06:18 AM
Hi Kamen,

Thanks, I eventually got it to work in the emulator by removing the .km-on-wp.km-app selectors in the stylesheet you sent which didn't seem to work for the emulator when they were included.

I still have the issue with each view being shifted up by a few pixels which cuts off part of the the headings.
I also have noticed that when I have buttons on the left hand side of the top toolbar, they cut off part of the heading title which doesn't seem to align correctly. I have attached a screen shot of what I mean.

Do you have any workarounds for these issues or is it something I have done wrong? Again everything works on the 3 other platforms, it just seems to be windows phone that has these issues.

Thanks,

Rob




0
Kamen Bundev
Telerik team
answered on 02 Apr 2013, 07:54 AM
Hi Robert,

The left button covering the View Title issue was already found and should be fixed in the latest internal build. The rest of your issues are not known and we need to reproduce them before we are able to help. Can you send a sample page that I can check out? Thank you in advance.

All the best,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
General Discussions
Asked by
Robert
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Robert
Top achievements
Rank 1
Share this question
or