I building a Kendo Mobile App which is using the Kendo Mobile Drawer. I have a need to have a particular view hide and show the drawer navigation buttons / header / footer etc. similar to the Kindle reader app. So that while the user interacts the view the view fills the full screen and continues until the user touches near the top or bottom of the screen. Then the app needs the navigation buttons etc to reappear. Any suggestions on how to accomplish this task? Any help would be greatly appreciated.
Asked
Active
Viewed 804 times
1 Answers
0
A layout is essentially a view and can be rendered programmatically. Something like this would work:
<div id="app"></div>
<script>
var view = new kendo.View("<span>Foo</span>");
var layout = new kendo.Layout("<header>Header</header><section id='content'></section><footer></footer>");
layout.render($("#app"));
layout.showIn("#content", view);
</script>
You should be able to load a different layout (one without header and footer) and display your content in it.
zkent
- 980
- 1
- 10
- 22
-
How would you hid the status bar? – Rodney Hickman Feb 10 '14 at 16:31
-
What status bar are you referring to? My apps run full screen and only show headers or footers if the layout has them. – zkent Feb 10 '14 at 18:10
-
The status bar with the clock, battery status, connection status, and alrets, etc. – Rodney Hickman Apr 04 '14 at 19:19