Layout API

Xenon Theme layout can be combined in many variants with sidebar and horizontal menu and offers a set of toggles (links) to manipulate with the theme layout. These features are enabled if you import js/xenon-toggles.js script in the document.


See Layout Variants

Layout Toggles
Links that will automatically collapse or expand side panels, chat or user settings pane.


Link
Code
Toggle Sidebar 
<a href="#" data-toggle="sidebar">Toggle Sidebar</a>
Toggle Chat 
<a href="#" data-toggle="chat">Toggle Chat</a>
Toggle Settings Pane 
<a href="#" data-toggle="settings-pane">Toggle Settings Pane</a>
Settings Pane /w Animation 
<a href="#" data-toggle="settings-pane" data-animate="true">Toggle Settings Pane</a>
Go to Top 
<a href="#" rel="go-top">Go to Top</a>


Layout Variants
9 different layout types with fixed or static scrolling panels

Skin to use with these examples:

Left Sidebar
Right Sidebar
Collapsed Sidebar
Collapsed Right Sidebar
Horizontal Menu
Sidebar & Horizontal Menu
Right Sidebar & Horizontal Menu
Collapsed Sidebar & Horizontal Menu
Right Collapsed Sidebar & Horizontal Menu