App.navigate function does not exist

[Nikolaus]

Hi,

 

I'm trying to navigate within my app, but it seems that the app variable isn't defined in the usual way. I didn't create any of the framework myself (the app is based on the default template), but when I try to use app.navigate, I get an error that that function does not exist. When I checked my app.js, it seems like a custom app is being defined, instead of using app = new kendo.mobile.Application. How do I navigate in my app while keeping my layout page? The nav links on the layout page just use anchor tags (href=view/example.html) but if I try that anywhere else, it obviously opens the page without the layout.

[Nikolaus]

For some reason I had to use:

app.mobileApp.navigate("path/view.html");

[Martin]

Hi Nikolaus,

I assume your are using the Views service of Telerik Platform. There the mobile app indeed is created not in "app" variable but in "app.mobileApp":

app.mobileApp = new kendo.mobile.Application(document.body, {
    skin: 'nova',
    initial: 'components/home/view.html'
});

// navigate to a remote view
app.mobileApp.navigate("settings.html");

Therefore you have to use app.mobileApp for all subsequent methods, like navigation. This is the main difference with the documentation on navigation where navigation is the following:

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

// navigate to a remote view
app.navigate("settings.html");

I hope this has helped.

Regards,
Martin
Telerik by Progress