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:
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!
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> <!-- View content will render here --> <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!
1 Answer, 1 is accepted
0
Hello Christopher,
Kind regards,
Daniel
the Telerik team
The data-layout option should be specified to the "about" view in order for the layout to be used e.g.
<div data-role="view" data-layout="default" id="about" data-title="About"> About this app.</div>Daniel
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!