Layout API

Try it Javascript API HTML5 data-toggle
Page boxed
app.layout.setBoxed(true || false)
<a href="#" data-toggle="page-boxed"></a>
Header fixed
app.layout.setHeaderFixed(true || false)
<a href="#" data-toggle="header-fixed"></a>
Footer fixed
app.layout.setFooterFixed(true || false)
<a href="#" data-toggle="footer-fixed"></a>
Sidebar fixed
app.layout.setSidebarFixed(true || false)
<a href="#" data-toggle="sidebar-fixed"></a>
Compact sidebar
app.layout.setSidebarCompact(true || false)
<a href="#" data-toggle="compact-sidebar"></a>
Hover sidebar
app.layout.setSidebarHover(true || false)
<a href="#" data-toggle="hover-sidebar"></a>
Reversed sidebar
app.layout.setSidebarReversed(true || false)
<a href="#" data-toggle="reversed-sidebar"></a>
Close submenus
app.layout.closeSubmenus()
<a href="#" data-toggle="close-submenus"></a>
Close sidebar
app.layout.closeSidebar()
<a href="#" data-toggle="close-sidebar"></a>
Open sidebar
app.layout.openSidebar()
<a href="#" data-toggle="open-sidebar"></a>
Hide sidebar
app.layout.hideSidebar()
<a href="#" data-toggle="hide-sidebar"></a>
Show sidebar
app.layout.showSidebar()
<a href="#" data-toggle="show-sidebar"></a>