Vertical menu configuration

If you would like to have Horizontal Menu (or Topnav) based layout then perform below change.

Each of the layout options is provided below with steps you would need to perform in file Admin/templates/partials/base.html.

Use data-layout="vertical" attribute to set vertical layout.

How to use pre-built layouts?

Each of the layout options is provided below with steps you would need to perform in file Admin/templates/partials/base.html in body tag.

image
Light Sidebar
Remove data attribute data-sidebar="light" body element to have light sidebar.
image
Compact Sidebar
Keep your body element with data attribute data-sidebar-size="md" E.g. <body data-sidebar-size="md"> to have compact sidebar.
image
Icon View Sidebar
Keep your body element with data attribute data-sidebar-size="sm" E.g. <body data-sidebar-size="sm"> to have small sidebar.
image
Boxed Layout
Keep your body element with data attribute data-layout-size="boxed" E.g. <body data-layout-size="boxed"> to have boxed layout.
image
Brand Sidebar
Keep your body element with data attribute data-sidebar="brand" E.g. <body data-sidebar="brand"> to have colored sidebar.
image
Scrollable Layout
Keep your body element with data attribute data-layout-scrollable="true" E.g. <body data-layout-scrollable="true"> to have scrollable layout.
© Themesbrand.
Crafted with by Themesbrand