TabStrip on Blackberry 6

6 posts, 0 answers
  1. John
    John avatar
    2 posts
    Member since:
    Sep 2012

    Posted 19 Sep 2012 Link to this post

    Hi, I'm having and issue with your tabstrip on blackberry, It works ok and have the native look and feel on mi android and iOS devices but when in runs on blackberry (simulated 9800 or Real 9300 w/ BB OS 6.0)  I can't see the content of the views... It just shows the top navbar and the tabstrip really close... thanks for your help

    <!DOCTYPE html>
    <html>
    <head>
      
    <!--PHONEGAP SCRIPT-->
      
    <script src="cordova-2.0.0.js"></script>
      
    <script src="js/jquery-1.7.1.min.js"></script>
      
    <script type="text/javascript" charset="utf-8">
          
        document.addEventListener("deviceready", onDeviceReady, false);
          
        function onDeviceReady() {
              
        }
          
    </script>
      
    <!-- KENDO UI STYLES-->
      
    <link rel="stylesheet" type="text/css" href="css/kendo.common.min.css">
    <link rel="stylesheet" type="text/css" href="css/kendo.dataviz.min.css">
    <link rel="stylesheet" type="text/css" href="css/kendo.mobile.all.min.css">
    <link rel="stylesheet" type="text/css" href="css/kendo.default.min.css">
      
    <title>Event City Bucaramanga</title>
      
    </head>
      
    <body>
      
        <div data-role="view" id="inicio" data-title="Event City - Hoy" data-layout="default">
            Inicio
        </div>
          
        <div data-role="view" id="buscar" data-title="Event City - Buscar" data-layout="default">
            Buscar
        </div>
          
        <div data-role="view" id="cerca" data-title="Event City - Cerca de ti" data-layout="default">
            Cerca de mi
        </div>
          
        <div data-role="view" id="establecimientos" data-title="Event City - Lugares" data-layout="default">
            Establecimientos
        </div>
          
            <div data-role="layout" data-id="default">
              
                <header data-role="header">
                    <div data-role="navbar">
                            <span data-role="view-title"></span>
                            <a class="about-button" data-align="right" href="content/about.html" data-role="button">Acerca</a>
                    </div>
                </header>
              
                <footer data-role="footer" data-id="default">
                    <div data-role="tabstrip">
                        <a href="#inicio" data-icon="home">Hoy</a>
                        <a href="#buscar" data-icon="search">Próximos</a>
                        <a href="#cerca" data-icon="globe">Cerca</a>
                        <a href="#establecimientos" data-icon="organize">Lugares</a
                    </div>
                </footer>
            </div>
              
        <!-- KENDO UI SCRIPTS-->
      
      
    <script src="js/kendo.all.min.js"></script>
    <script>
        $(function(){
                var app = new kendo.mobile.Application($(document.body), {
            layout:"default"
                });
            });
              
    </script>
      
    <style>
      
    .km-android .km-navbar .km-view-title /* Before Q2 2012 SP1 */
    {
        display: inline-block;
    }
    .km-blackberry .km-navbar .km-view-title /* Before Q2 2012 SP1 */
    {
        display: inline-block;
    }
      
    </style>
      
    </body>
    </html>

  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 24 Sep 2012 Link to this post

    Hi John,

    Which version of Kendo UI Mobile are you using? This issue should be partially fixed in Q2 2012 and additional fixes landed in the service pack which was released 2 weeks ago.

    Greetings,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. John
    John avatar
    2 posts
    Member since:
    Sep 2012

    Posted 24 Sep 2012 Link to this post

    Hi Kamen,

    I've downloaded your trial version last week (Kendo UI v2012.2.710), so I think it's the lastest version, but I really need to have BlackBerry OS support. I'm currently using PhoneGap Build w/ Phonegap 2.0 to deploy the application in Blackberry Simulator and a device (don't know if PhoneGap it's causing this issue). also I'm having issues with pull to refresh animation in a Galaxy S III w/ Android 4.0.4 (white square when arrow changes direction) I've readed the whole forum but no css styles or any other thing posted in the forum (like adding hardwareAccelerated="false" in the manifest.xml) have solved the problem, please help, I'm really interested in Kendo UI...

  5. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 25 Sep 2012 Link to this post

    Hi John,

    I'm attaching the styles and mobile.application.js from the latest internal build, replace your styles with them and load the javascript file right after kendo.all and see if this helps.

    Kind regards,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. tommy
    tommy avatar
    6 posts
    Member since:
    Jul 2012

    Posted 28 Oct 2012 Link to this post

    I also have the issue with the android 4.x pull to refresh up arrow being a white square.

    Is the reply above meant for that?
  7. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 30 Oct 2012 Link to this post

    Hello Tommy,

    No, unfortunately there are too many issues WebKit masks issues on Android which turn our icons to squres in different situations. This is also one of the main reasons we are going to deprecate the WebKit masks in Q3 2012 and introduce icons based on a font. The change will be transparent - the code you used will continue to work after the upgrade, though custom colors and gradients will not apply since the colorization is now done with text color instead of background-color. You can try how this works with the Q3 beta we released last week - just upgrade and add useFontIcons: true to the application init (this switch won't be available in the final release - the font icons will be always on).

    Kind regards,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
Kendo UI is VS 2017 Ready