Template Config

You can edit this file at [ ../src/config/constant.js ]
Option
Default
Data Type
Description
layout
vertical
String
vertical, horizontal
subLayout
-
String
horizontal-2 (only used for layout is horizontal)
collapseMenu
false
Boolean
true, false
layoutType
menu-dark
String
menu-dark, menu-light, dark
headerBackColor
header-blue
String
header-blue, header-red, header-purple, header-info, header-dark, header-orenge, header-green, header-yellow, header-orchidgreen, header-indigogreen, header-darkgreen, header-darkblue
rtlLayout
false
Boolean
true, false
navFixedLayout
true
Boolean
true, false
headerFixedLayout
true
Boolean
true, false
boxLayout
false
Boolean
true, false
constant.js
constant.js
export const BASENAME = '/gradient-able';
export const BASE_URL = '/app/dashboard/analytics';
export const BASE_TITLE = ' | Gradient Able Premium React + Redux Admin Template';
​
export const CONFIG = {
    layout: 'vertical', // vertical, horizontal
    subLayout: '', // horizontal-2
    collapseMenu: false, // mini-menu
    layoutType: 'menu-light', // menu-dark, menu-light, dark
    headerBackColor: 'header-blue', // header-blue, header-red, header-purple, header-info, header-green header-dark
    rtlLayout: false,
    navFixedLayout: true,
    headerFixedLayout: true,
    boxLayout: false,
};
​

Routing

Layout Option

Last updated 3 months ago

Option	Default	Data Type	Description
layout	vertical	String	`vertical`, `horizontal`
subLayout	-	String	`horizontal-2` (only used for layout is horizontal)
collapseMenu	false	Boolean	`true`, `false`
layoutType	menu-dark	String	`menu-dark`, `menu-light`, `dark`
headerBackColor	header-blue	String	`header-blue`, `header-red`, `header-purple`, `header-info`, `header-dark`, `header-orenge`, `header-green`, `header-yellow`, `header-orchidgreen`, `header-indigogreen`, `header-darkgreen`, `header-darkblue`
rtlLayout	false	Boolean	`true`, `false`
navFixedLayout	true	Boolean	`true`, `false`
headerFixedLayout	true	Boolean	`true`, `false`
boxLayout	false	Boolean	`true`, `false`