Two Column

  1. Layouts
  2. Two Column

Two column menu configuration

You can change the Two column layout very easily by adding the below state in src/store/app.ts file.

layoutType=LAYOUTS.TWO_COLUMN

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 src/components/layouts/utils.ts. The change would reflect in all the Vue files automatically.

How to use pre-built layouts?

Please do the below change in the html element at src/state/modules/layout.js

Color Scheme
mode=SITE_THEME.LIGHT
mode=SITE_THEME.DARK
Topbar Colors
topbar=TOP_BAR.LIGHT
topbar=TOP_BAR.DARK
Sidebar Colors
image sidebarColor=SIDEBAR_COLOR.LIGHT
image sidebarColor=SIDEBAR_COLOR.DARK
image sidebarColor=SIDEBAR_COLOR.GRADIENT
image sidebarColor=SIDEBAR_COLOR.GRADIENT2
image sidebarColor=SIDEBAR_COLOR.GRADIENT3
image sidebarColor=SIDEBAR_COLOR.GRADIENT4
Sidebar Images
sidebarImage="default"
sidebarImage="img-1"
sidebarImage="img-2"
sidebarImage="img-3"
sidebarImage="img-4"