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.