Two Column

  1. Docs
  2. Two Column

Two column menu configuration

Use below given attribute to set Two column layout.

layoutType="twocolumn"

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/layouts/twocolumn.vue.

How to use pre-built layouts?

Please do the below change in the html element at /src/state/modules/layout.js file. ex: layoutWidth: 'fluid'

Topbar Colors

image topbar='light'
image topbar='dark'

Sidebar Colors

image sidebarColor='light'
image sidebarColor='dark'
image sidebarColor='gradient'
image sidebarColor='gradient-2'
image sidebarColor='gradient-3'
image sidebarColor='gradient-4'

Sidebar Images

image sidebarImage='none'
image sidebarImage='img-1'
image sidebarImage='img-2'
image sidebarImage='img-3'
image sidebarImage='img-4'

Preloader Option

preloader='disable'
preloader='enable'