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:
image LAYOUT_MODE_TYPES.LIGHTMODE
image 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
© Skote.