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

Basic Kendo UI setup

1 Answer 41 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Scott
Top achievements
Rank 2
Scott asked on 06 Jan 2013, 10:07 PM
I'm walking through a basic Kendo UI Mobile setup since our existing app navigation buttons have seemed to have stopped working... and I am experiencing similar issues on a bare-bones html page which can be found here : http://mt.skyprofit.com

I am referencing the code sample walkthrough found here: http://docs.kendoui.com/howto/build-apps-with-kendo-ui-mobile

The problem currently is specifically dealing with the tabstrip... it navigates to the About (Page1.html) page without issue... but going back to Home doesn't work at all.... is the code sample incorrect?? Or is Kendo UI Mobile not working correctly? Thanks in advance!

1 Answer, 1 is accepted

Sort by
0
Alexander Valchev
Telerik team
answered on 08 Jan 2013, 01:35 PM
Hello Scott,

There is a typo mistake in the tutorial. The problem comes from the fact that href attribute of the home tab does not point to the id of the Home view. To fix this you should apply the following changes (marked in orange):
<div id="home" data-role="view" data-layout="default">
    Hello Mobile World!
</div>
 
<section 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">Home</a>       
        </div>
    <footer>
</section>

I fixed the mistake in the tutorial as well, but it will take some time until the changes are published on-line at docs.kendoui.com. Meanwhile you can check the updated version here.

As a small sign of appreciation for bringing this to our attention I updated your Telerik points.

Kind regards,
Alexander Valchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
General Discussions
Asked by
Scott
Top achievements
Rank 2
Answers by
Alexander Valchev
Telerik team
Share this question
or