This is a migrated thread and some comments may be shown as answers.

Simple TabStrip markup not working. Am I going nuts?

1 Answer 89 Views

TabStrip (Mobile)

This is a migrated thread and some comments may be shown as answers.

CM asked on 07 Nov 2012, 01:54 PM

Hi all,

I am excited about the prospect of using KendoUI and am in my trial, but I can't even make a simple tabstrip UI page work correctly. I was following along with the intro tutorial here: http://docs.kendoui.com/howto/build-apps-with-kendo-ui-mobile

Couldn't get that to work. CSS works and the widgets are there, but when I click on the About tab the about.html is appended to the URL, but I don't actually go to the about.html page.

I decided to rip open the sample apps and take a look. I changed my index.html around to try to load a different view when clicking on the about tabstrip:

<!DOCTYPE html>

<html>

<head>

<title>My App</title>

<link href="css/kendo.mobile.all.min.css" rel="stylesheet" />

</head>

<body>

<div data-role="view" data-layout="default">

Hello Mobile World!

</div>

<div data-role="view" id="about" data-title="About">

About this app.

</div>

<div data-role="layout" data-id="default">

<header data-role="header">

<div data-role="navbar">My App</div>

</header>

<footer data-role="footer">

<div data-role="tabstrip">

<a href="#">Home</a>

<a href="#about">About</a>

</div>

</footer>

</div>

<script src="js/jquery.min.js" type="text/javascript"></script>

<script src="js/kendo.mobile.min.js" type="text/javascript"></script>

<script>

var app = new kendo.mobile.Application();

</script>

</body>

</html>

I get the about view to load, but not "inside" of the layout, the screen is white, no title bar and just has the about text.

So, am I going mad? Any ideas are welcome. Thanks!

Simple TabStrip markup not working. Am I going nuts?

1 Answer, 1 is accepted