Two Column
Two column menu configuration
You can change the Two column layout very easily by
adding the below attribute in
src/state/modules/layout.js file.
layoutType="twocolumn"
How to add new menu items/change menu items?
To add, change or remove menu items from the
left side
navigation, simply edit in file
src/layouts/twocolumn.vue. The
change would reflect in all the Vue files automatically. We are using vue-cli
which would take care of including the
src/layouts/twocolumn.vue file
content in all Vue pages.
How to use pre-built layouts?
Please do the below change in the html element at
src/state/modules/layout.js
Color Scheme
mode="light"
mode="dark"
Topbar Colors
topbar="warning"
topbar="danger"
topbar="success"
Sidebar Colors
sidebarColor="light"
sidebarColor="dark"
sidebarColor="gradient"
sidebarColor="gradient-2"
sidebarColor="gradient-3"
sidebarColor="gradient-4"
Sidebar Images
sidebarImage="none"
sidebarImage="img-1"
sidebarImage="img-2"
sidebarImage="img-3"
sidebarImage="img-4"
Preloader Option
preloader="disable"
preloader="enable"