Fixed header

Menu Add

Panel fixed positioning

This is a typical page that has two buttons in the header bar that open panels. The left panel has the push display mode. The right panel opens as overlay. For both panels we set data-position-fixed="true". We also set position fixed for the header and footer on this page.

The left panel contains a long menu to demonstrate that the framework will check the panel contents height and unfixes the panel so its content can be scrolled. In the right panel there is a short form that shows the fixed positioning.


We made the page a bit longer because you only see the panel fixed positioning if you can scroll the page :-)

Fixed footer


Landing page

This is just a landing page.