or
<!DOCTYPE html><html><head> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> <meta charset="utf-8"> <script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script> <script src="js/jquery.min.js"></script> <script src="js/kendo.mobile.min.js"></script> <script src="js/console.js"></script> <link href="styles/kendo.common.min.css" rel="stylesheet" /> <link href="styles/kendo.mobile.all.min.css" rel="stylesheet" /></head><body> <a href="../index.html">Back</a> <div data-role="view" id="flat" data-init="mobileListViewDataBindInitFlat" data-title="ListView" data-layout="databinding"> <ul id="flat-listview"></ul></div><script>var flatData = new kendo.data.DataSource({ transport: { read: { contentType: "application/json", type: "POST", data: { q: "html5" } } }}); function mobileListViewDataBindInitFlat() { $("#flat-listview").kendoMobileListView({ dataSource: flatData }); }</script> <script> window.kendoMobileApplication = new kendo.mobile.Application(document.body); </script></body></html>using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Services;using System.Web.Script.Services;using Northwind_newModel;[ScriptService]public class TestService : System.Web.Services.WebService { [WebMethod] public List<CustomerModel> GetCustomerData() { using (var northwind = new Northwind_newEntities1()) { return northwind.Customers .Select(p => new CustomerModel { CompanyName = p.CompanyName }).Take(5).ToList(); } }}
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>