Detached

You can change the template as per your requirements. To configure it, we will use reducer.ts. you can find the file in Components/slices/layouts/reducer.ts folder.

Theme Options

Not applicable in horizontal layout

Each of the theme configuration options is provided Below, you can change their values as per you need in initialState variable located in Components/slices/layouts/reducer.ts file.

Note : if you are going to update any object property of initialState, make sure you use option's corresponding constant given in Components/Common/constants/layout.ts file. (Please do not change the constant's value in Components/Common/constants/layout.ts file)

export const initialState: LayoutState = {
    layoutType: LAYOUT_TYPES.VERTICAL,
    layoutModeType: LAYOUT_MODE_TYPES.LIGHTMODE,
    leftSidebarType: LAYOUT_SIDEBAR_TYPES.LIGHT,
    layoutWidthType: LAYOUT_WIDTH_TYPES.FLUID,
    layoutPositionType: LAYOUT_POSITION_TYPES.FIXED,
    topbarThemeType: LAYOUT_TOPBAR_THEME_TYPES.LIGHT,
    leftsidbarSizeType: LEFT_SIDEBAR_SIZE_TYPES.DEFAULT,
    leftSidebarViewType: LEFT_SIDEBAR_VIEW_TYPES.DETACHED,
    leftSidebarImageType: LEFT_SIDEBAR_IMAGE_TYPES.NONE,
    preloader: PERLOADER_TYPES.DISABLE
};

Layout Style

LEFT_SIDEBAR_VIEW_TYPES.DETACHED