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

incorrect icons?

8 Answers 112 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Brian
Top achievements
Rank 1
Brian asked on 24 Feb 2014, 03:05 PM
Hello.  Per the API documentation here:
http://docs.telerik.com/kendo-ui/getting-started/mobile/icons

I added icons from the list available at the end of the page.  I added the following to my css file:

.km-orders-e:after,
.km-orders-e:before
{
content: "\e306";
}
.km-items-e:after,
.km-items-e:before
{
content: "\e320";
}

The icons that display for these 2 items are in the attached image.  What are the correct values for the items I want to display from the list of icons?

8 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 25 Feb 2014, 07:16 AM
Hi Brian,

Are you using data-icon="items-e" to set them? They won't work otherwise, as the data-icon attribute adds another class to them, namely .km-icon.

Regards,
Kamen Bundev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Brian
Top achievements
Rank 1
answered on 25 Feb 2014, 11:55 AM
Yes I am. There are 4 icons total. Only the two I note show the wrong images as if the mapping changed or something. The images I showed just aren't what the should be according to the chart. 
0
Brian
Top achievements
Rank 1
answered on 25 Feb 2014, 04:15 PM
Update.  I just tried this in the Safari browser on the Mac.  The problem doesn't happen there.  Apparently it is only happening on the browser in IOS/Cordova.  Perhaps there is a disconnect with the font set used on this platform?
0
Petyo
Telerik team
answered on 26 Feb 2014, 04:07 PM
Hello Brian,

We have observed similar problems if the icon font does not load correctly/is not deployed to the device. Can you please verify that? You can perform tethered debugging using the Safari/Mac browser, or use the AppBuilder feature

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Brian
Top achievements
Rank 1
answered on 26 Feb 2014, 04:27 PM
I do have the tethered debugging up and running in Safari.  What should I look for?  I didn't see any error...
0
Petyo
Telerik team
answered on 26 Feb 2014, 05:04 PM
Hello Brian,

Please use your inspector to verify that the tabstrip element has the correct font-face set. Also, check the network tab to verify that the font itself is loaded as expected.

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Brian
Top achievements
Rank 1
answered on 26 Feb 2014, 05:17 PM
I saw the font coming down.  I saw a status 200 and then on other runs, status 304...  Tabstrip has the correct font face set...
0
Petyo
Telerik team
answered on 26 Feb 2014, 06:15 PM
Hello Brian,

I am out of ideas - the same code (check jsbin) works as expected when I load it on an iPhone. If possible, please send an example of your project, so that we may reproduce it on our side.

Thank you in advance. 

Regards,
Petyo
Telerik
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
Brian
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Brian
Top achievements
Rank 1
Petyo
Telerik team
Share this question
or