This question is locked. New answers and comments are not allowed.
hi i force the kendo ui for IOS design
it is working the same look in ios and in android simulators
but why i have to scroll down to see the tabstrip in ios simulator
why its is not fit in the screen
https://sites.google.com/site/sivakltech/icenium_grphite_ios
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script src="cordova.js"></script>
<script src="kendo/js/jquery.min.js"></script>
<script src="kendo/js/kendo.mobile.min.js"></script>
<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />
</head>
<body>
<div data-role="view" id="tabstrip-tree" data-title="Explorer">
<h1>Explorer</h1>
</div>
<div data-role="view" id="tabstrip-search" data-title="Search">
<h1>Search</h1>
</div>
<div data-role="view" id="tabstrip-settings" data-title="Settings">
<h1>Settings</h1>
</div>
<div data-role="layout" data-id="mobile-tabstrip">
<header data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span>
</div>
</header>
<div data-role="footer">
<div data-role="tabstrip">
<a href="#tabstrip-tree" data-icon="home">Explorer</a>
<a href="#tabstrip-search" data-icon="search">Search</a>
<a href="#tabstrip-settings" data-icon="settings">Settings</a>
</div>
</div>
</div>
<script>
var app = new kendo.mobile.Application(document.body, { platform: "ios", transition: "slide", layout: "mobile-tabstrip" });
</script>
</body>
</html>
it is working the same look in ios and in android simulators
but why i have to scroll down to see the tabstrip in ios simulator
why its is not fit in the screen
https://sites.google.com/site/sivakltech/icenium_grphite_ios
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script src="cordova.js"></script>
<script src="kendo/js/jquery.min.js"></script>
<script src="kendo/js/kendo.mobile.min.js"></script>
<link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />
</head>
<body>
<div data-role="view" id="tabstrip-tree" data-title="Explorer">
<h1>Explorer</h1>
</div>
<div data-role="view" id="tabstrip-search" data-title="Search">
<h1>Search</h1>
</div>
<div data-role="view" id="tabstrip-settings" data-title="Settings">
<h1>Settings</h1>
</div>
<div data-role="layout" data-id="mobile-tabstrip">
<header data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span>
</div>
</header>
<div data-role="footer">
<div data-role="tabstrip">
<a href="#tabstrip-tree" data-icon="home">Explorer</a>
<a href="#tabstrip-search" data-icon="search">Search</a>
<a href="#tabstrip-settings" data-icon="settings">Settings</a>
</div>
</div>
</div>
<script>
var app = new kendo.mobile.Application(document.body, { platform: "ios", transition: "slide", layout: "mobile-tabstrip" });
</script>
</body>
</html>