Wrong icons in BlackBerry

4 posts, 1 answers
  1. Justyna
    Justyna avatar
    4 posts
    Member since:
    Dec 2013

    Posted 07 Jan 2014 Link to this post

    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


  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 08 Jan 2014 Link to this post

    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!
  3. Justyna
    Justyna avatar
    4 posts
    Member since:
    Dec 2013

    Posted 08 Jan 2014 Link to this post

    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
  4. Answer
    Justyna
    Justyna avatar
    4 posts
    Member since:
    Dec 2013

    Posted 08 Jan 2014 Link to this post

    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
Back to Top