RequireJS + Tabstrip

[Peter]

Hi

I am trying to get RequireJS and kendo mobile to play nicely. I have followed the blog post : http://blogs.telerik.com/appbuilder/posts/14-03-27/structuring-hybrid-mobile-applications

 And this works as a  fine but i have one major challenge (documentation is slim on requireJS), I have tried to get a tabstrip working however hrefs simply do not work, - to activate templates in a similar fashion to the tabstrip demo project.

 It can never find the template no matter what i call it.

 I have attached a sample project.

 

 

[Peter]

Hi

I managed to fix the top partially in that the template now renders, but i am unable to maintain the header and footer on the views without manually copying it into every view...

[Peter]

Hi 

 To clarify, where would i put the following code as per the tabstrip example so that it is on every view?

 

<div data-role="layout">
    <div data-role="header">
        <div data-role="navbar">
            <span data-role="view-title"></span>
        </div>
    </div>

    <div data-role="footer">
        <div data-role="tabstrip">
            <a href="views/todos.html" data-icon="home">Home</a>
            <a href="#addPost" data-icon="settings">Settings</a>
            <a href="views/contacts.html" data-icon="contacts">Contacts</a>
        </div>
    </div>
</div>

 

 

 

 

[Petyo]

Hello Peter,

you should put the layout definition in the html document, which is loaded initially.

Regards,
Petyo
Telerik