Basic Kendo UI setup

[Scott]

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!

[Alexander Valchev]

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