incorrect icons?

[Brian]

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?

[Kamen Bundev]

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

[Brian]

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. 

[Brian]

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?

[Petyo]

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

[Brian]

I do have the tethered debugging up and running in Safari.  What should I look for?  I didn't see any error...

[Petyo]

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

[Brian]

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

[Petyo]

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