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>5 Answers, 1 is accepted
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
Rank 1
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...
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
Rank 1
Is the reply above meant for that?
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