Layouts

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,
    CARD_LAYOUT: DATA_CARD_LAYOUT_TYPES.BORDERLESS,
    LAYOUT_WIDTH: LAYOUT_WIDTH_TYPES.BOXED,
    LAYOUT_POSITION: LAYOUT_POSITION_TYPES.FIXED,
    TOPBAR: LAYOUT_TOPBAR_COLOR_TYPES.DARK,
    TOPBAR_IMAGE: LEFT_TOPBAR_IMAGE_TYPES.ONE,
    DATA_PRELOADER: PERLOADER_TYPES.DISABLE
};