Vertical
You can change the template as per your requirements. To
configure it, we will use layout.js.
you can find the file in src/state/modules/layout.js
folder.
Theme Options
Each of the theme configuration options is provided Below, you can change their
values as
per you need in initialState variable located in
src/state/modules/layout.js
file.
Note : if you are going to update any object property of
initialState, make sure you use option's corresponding constant
given in
src/state/modules/layout.js
file. (Please do not change the
constant's value in src/state/modules/layout.js
file)
export const state = {
layoutType: 'vertical',
layoutWidth: 'fluid',
sidebarSize: 'lg',
topbar: 'light',
mode: 'light',
position: 'fixed',
sidebarView: 'default',
sidebarColor: 'light',
sidebarImage: 'none',
preloader: 'disable',
layoutTheme: 'default',
};
Layout Width
layoutWidth: 'fluid',
layoutWidth: 'boxed',
Layout Position
position: 'fixed',
position: 'scrollable',
Topbar Colors
topbar: 'light',
topbar: 'dark',
Sidebar Sizes
sidebarSize: 'lg',
sidebarSize: 'md',
sidebarSize: 'sm',
sidebarSize: 'sm-hover',
Sidebar View
sidebarView: 'default',
sidebarView: 'detached',
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: 'enable',
preloader: 'disable',