Horizontal 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.HORIZONTAL, 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.HORIZONTAL

Content Width

Layout Skin

Topbar Colors