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

Wrong icons in BlackBerry

3 Answers 2 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Justyna
Top achievements
Rank 1
Justyna asked on 07 Jan 2014, 02:59 PM
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


3 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 08 Jan 2014, 07:46 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Justyna
Top achievements
Rank 1
answered on 08 Jan 2014, 12:39 PM
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
0
Accepted
Justyna
Top achievements
Rank 1
answered on 08 Jan 2014, 01:06 PM
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
Tags
General Discussions
Asked by
Justyna
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Justyna
Top achievements
Rank 1
Share this question
or