How to use pre-built layouts?
You can change the template as per your requirements. To configure it, we will use reducer.ts. you can find the file in
src/app/store/layouts/layout-reducers.ts
file.
Note : if you are going to update any object property of
initialState, make sure you use option's corresponding constant
given in
src/app/store/layout/layout.ts
file. (Please do not change the
constant's value in src/app/store/layout/layout.ts
file)
export const initialState: LayoutState = {
LAYOUT_MODE: LAYOUT_MODE_TYPES.LIGHTMODE,
DATA_LAYOUT: DATA_LAYOUT_MODE.VERTICAL,
LAYOUT_WIDTH: LAYOUT_WIDTH_TYPES.FLUID,
SIDEBAR_MODE: SIDEBAR_TYPE.DARK,
TOPBAR_TYPE: TOPBAR_MODE_TYPES.DARK,
}
Color Scheme:
LAYOUT_MODE_TYPES.LIGHTMODE
LAYOUT_MODE_TYPES.DARKMODE
Layout Size:
LAYOUT_WIDTH_TYPES.FLUID
LAYOUT_WIDTH_TYPES.BOXED
LAYOUT_WIDTH_TYPES.SCROLLABLE
Topbar Colors:
TOPBAR_MODE_TYPES.LIGHT
TOPBAR_MODE_TYPES.DARK
TOPBAR_MODE_TYPES.COLORED
Sidebar Option:
SIDEBAR_TYPE.LIGHT
SIDEBAR_TYPE.DARK
SIDEBAR_TYPE.COLOERED