Wrong icons in BlackBerry

[Justyna]

Hello,

i used follwing code in out layout ...

<footer data-role="footer">
     <!-- Kendo Mobile TabStrip widget -->
     <div data-role="tabstrip">
        <a data-icon="search" data-rel="external" href="/Search">Suchen</a>
        <a data-icon="recents" data-rel="external" href="/Calendar">Termine</a>
        <a data-icon="contacts" data-rel="external" href="/Contacts/MyContacts">meine Aktivitäten</a>
     </div>
</footer>

<script type="text/javascript">
     // Initialize a new Kendo Mobile Application
     var app = new kendo.mobile.Application($(document.body), { platform: "blackberry" }); // ohne Angabe einer Plattform wird das Design automatisch anhand des User-Agents ausgewählt
     kendo.culture("de-DE");
</script>

Everything works fine in visual studio.
After publishing the mobile website .... all data-icons use chinese icons.

How do i change the culture of used data-icons ?

Regards

Jürgen Meyer

[Kamen Bundev]

Hi Jürgen,

Which version of BlackBerry OS and what device are you testing on? Additionally, are the icons rendered okay on other devices? Can you share a live URL of the published website where we can reproduce this? I can convert this thread to a ticket, if you prefer the privacy.

Regards,
Kamen Bundev
Telerik

[Justyna]

Hi,
the problem occurs on BlackBerry Z10 ... BlackBery 10 OS, Version 10.2.0.429.

Our mobile sites are hosted behind our firewalls. There is no way for you to see it.

I took a screenshot ... maybe it help to find our problem.

     <section data-role="layout" data-id="default">
            <!--Kendo Mobile Header -->
            <header data-role="header">
                <!--Kendo Mobile NavBar widget -->
                <div data-role="navbar">
                    <span data-role="view-title">@ViewBag.Title</span>
                </div>
            </header>

            <!--Kendo Mobile Footer -->
            <footer data-role="footer">
                <!-- Kendo Mobile TabStrip widget -->
                <div data-role="tabstrip">
                    <a data-icon="search" data-rel="external" href="/Search">Suchen</a>
                    <a data-icon="recents" data-rel="external" href="/Calendar">Termine</a>
                    <a data-icon="contacts" data-rel="external" href="/Contacts/MyContacts">meine Aktivitäten</a>
                </div>
            </footer>
        </section>

Regards.

Jürgen

[Justyna]

Hi,

i found the solution by myself.

In Visual Studio the both file kendoui.ttf and kendoui.woff belongs to my solution. After deploying the solution using Microsoft Team Foundation Server ... both files are missing on the webserver.

I found the solution after reading this article:
http://www.kendoui.com/blogs/teamblog/posts/13-09-17/easy-custom-kendo-ui-mobile-icons-with-font-awesome.aspx

Sorry.

Regards 

Jürgen