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
|
|