Is there a way (documented, sample code, etc to at least see how it might work) where I can use mutliple layouts? The majority of the app uses a drawer navigation, but the unauthenticated part of the app (first run, login) shouldn't use the drawer navigation and it shouldn't be accessible.
I've created a layout which is no-nav and no-header like this:
1.<div data-role="layout" data-id="main-nonav-noheader">2. <!-- application views will be rendered here -->3.</div>And setting the first view to that layout works fine:
1.app.mobileApp = new kendo.mobile.Application(document.body, {2. skin: 'flat',3. initial: 'components/startView/view.html'4.});But you an easily drag the screen to reveal the drawer navigation, which I don't want to be possible.
It's made worse by the "startView" component using a scrollView to show the user four pages of "here's how this app works" before directing them to the login page. This "startView" is really only for new users who run the app for the first time, but generally they would either get logged in after using touchId/pin, or login again if the JWT token is expired.
Any ideas?
None of the samples seem to do anything complex in terms of layout, from what I can tell.
2 Answers, 1 is accepted
Rank 2
Oh, I see - I needed to set the data-views property on the drawer. Found on: http://docs.telerik.com/KENDO-UI/api/javascript/mobile/ui/drawer#configuration-views
Though, my suggestion would be to document this more on anything pertaining to drawers and layouts.
This property is described in the Drawer overview article here:
Associate Drawer with Remote Views
If you want the Kendo UI team to extend the explanation in this article, or add the information to other articles as well, you can write in their feedback portal.
Regards,
Tsvetina
Telerik