Layout API Powerful and simple to use
You can either use Codebase.layout('_mode_');or enable it on a button with the attributes data-toggle="layout" data-action="_mode_"
| Live | Mode |
|---|---|
| Sidebar Visibility | |
sidebar_toggle | |
sidebar_open | |
sidebar_close | |
| Mini Sidebar Mode Screen width greater than 991px | |
sidebar_mini_toggle | |
sidebar_mini_on | |
sidebar_mini_off | |
| Sidebar Style | |
sidebar_style_toggle | |
sidebar_style_on | |
sidebar_style_off | |
| Sidebar Position | |
sidebar_pos_toggle | |
sidebar_pos_left | |
sidebar_pos_right | |
| Side Overlay Visibility | |
side_overlay_toggle | |
side_overlay_open | |
side_overlay_close | |
| Side Overlay Hover Mode Screen width greater than 991px | |
side_overlay_hoverable_toggle | |
side_overlay_hoverable_on | |
side_overlay_hoverable_off | |
| Header Mode | |
header_fixed_toggle | |
header_fixed_on | |
header_fixed_off | |
| Header Style | |
header_style_modern | |
header_style_classic | |
header_style_glass | |
header_style_inverse_toggle | |
header_style_inverse_on | |
header_style_inverse_off | |
header_search_on | |
header_search_off | |
header_loader_on | |
header_loader_off | |
| Custom Side Scrolling Mode Screen width greater than 991px | |
side_scroll_toggle | |
side_scroll_on | |
side_scroll_off | |
| Main Content Layout Screen width greater than 1200px | |
content_layout_toggle | |
content_layout_boxed | |
content_layout_narrow | |
content_layout_full_width | |