Vertical Layouts

You can change or customize the left side navigation very easily.

How to add new menu items/change menu items?

In order to add, change or remove menu items from the left side navigation, simply edit in file templates/partials/sidebar.html.twig. The change would reflect in all the twig files automatically. which would actually take care of including the sidebar.html.twig file content in all the pages.

How to use pre-built layouts?

Each of the layout options is provided below with steps you would need to perform: templates/partials/body.html.twig

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="small" E.g. <body data-sidebar-size="small"> to have small sidebar.
image
Icon Sidebar
Keep your body element with class vertical-collpsed" E.g. <body class="vertical-collpsed"> to have icon sidebar.
image
Boxed Layout
Keep your body element with class vertical-collpsed and data attribute data-layout-size="boxed" data-keep-enlarged="true" E.g. <body class="vertical-collpsed" data-layout-size="boxed" data-keep-enlarged="true"> to have boxed layout with icon view sidebar.
© Vuesy.
Crafted with by Themesdesign