Multiple mobile layout switch between views

[Kelvin]

I have two layouts, one has basic header, footer and the other one has drawer in it.  The idea is to have the basic header footer view to be the login view to ask user's login information.  Once it is authenticated against service, it will redirect to a view where it has drawer widget.  The question is how do I implement such layout? I've tried to put two layouts on the same html and use this to display default:

var app = new kendo.mobile.Application($(document.body), { layout: "login-layout" });

and place a <a href="#default-view">switch to default view</a> to switch to the view that has drawer layout.  Once it's witched the drawer widget seems not to work.  

What is the correct way to implement this?  thank you.

[Kiril Nikolov]

Hi Kelvin,

The recommended way to implement a Drawer and make it unavailable for some view (like for example the login view) is to use the views configuration option, so you can specify for which views the drawer will be shown. In such case you do not need to implement separate layouts. Here is the documentation explaining this feature:

http://docs.telerik.com/kendo-ui/api/mobile/drawer#configuration-views

Regards,
Kiril Nikolov
Telerik