Vertical Layout

Vertical menu configuration

How to use pre-built layouts?

Each of the layout options is provided below with steps you would need to perform in file templates/layouts/_body.html.twig in body tag.

image
Light Sidebar & Topbar Dark
data-sidebar="dark"
data-topbar="light"
image
Compact Sidebar
data-sidebar="dark" data-sidebar-size="small"
image
Icon Sidebar
data-sidebar="dark" data-keep-enlarged="true"
class="vertical-collpsed"
image
Boxed Layout
data-sidebar="dark" data-keep-enlarged="true"
class="vertical-collpsed"
data-layout-size="boxed"
image
Colored Sidebar
data-sidebar="colored"
image
Scrollable layout
data-sidebar="dark" data-layout-scrollable="true"
image
Preloader
data-sidebar="light"
Add below code after body tag.
<div id="preloader"> <div id="status"> <div class="spinner-chase"> <div class="chase-dot"></div> <div class="chase-dot"></div> <div class="chase-dot"></div> <div class="chase-dot"></div> <div class="chase-dot"></div> <div class="chase-dot"></div> </div> </div> </div>
© Skote.