Vertical 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.

// IntialState
export const initialState: LayoutState = {
LAYOUT: LAYOUT_TYPES.VERTICAL,
LAYOUT_SKIN: SKIN_LAYOUT_TYPES.DEFAULT,
LAYOUT_MODE: LAYOUT_MODE_TYPES.LIGHTMODE,
LAYOUT_DIRECTION: LAYOUT_DIRECTION.LTR,
LAYOUT_WIDTH: LAYOUT_WIDTH_TYPES.FLUID,
SIDEBAR_SIZE: LEFT_SIDEBAR_SIZE.DEFAULT,
LAYOUT_NAVIGATION: NAVIGATION_TYPES.STICKY,
SIDEBAR_COLOR: SIDEBAR_COLOR_TYPES.LIGHT,
TOPBAR_COLOR: TOPBAR_COLOR_TYPES.LIGHT
}

LAYOUT_TYPES.VERTICAL