Layouts
How to use pre-built layouts?
Please do the below change in the
html element at
src/app/store/layouts/layout-reducers.ts file. ex:
LAYOUT_WIDTH_TYPES.FLUID
Layout Types
LAYOUT_TYPES.VERTICAL
LAYOUT_TYPES.HORIZONTAL
Color Scheme
LAYOUT_MODE_TYPES.LIGHTMODE
LAYOUT_MODE_TYPES.DARKMODE
Layout Width
LAYOUT_WIDTH_TYPES.FLUID
LAYOUT_WIDTH_TYPES.BOXED
Layout Position
LAYOUT_POSITION_TYPES.FIXED
LAYOUT_POSITION_TYPES.SCROLLABLE
Topbar
LAYOUT_TOPBAR_THEME_TYPES.LIGHT
LAYOUT_TOPBAR_THEME_TYPES.DARK
Sidebar Color
LAYOUT_TOPBAR_THEME_TYPES.LIGHT
LAYOUT_TOPBAR_THEME_TYPES.DARK
LAYOUT_TOPBAR_THEME_TYPES.GRADIENT
Sidebar Size
LEFT_SIDEBAR_SIZE_TYPES.LARGE
LEFT_SIDEBAR_SIZE_TYPES.MEDIUM
LEFT_SIDEBAR_SIZE_TYPES.SMALL
LEFT_SIDEBAR_SIZE_TYPES.SMALLHOVER
Sidebar View Type
LEFT_SIDEBAR_VIEW_TYPES.DEFAULT
LEFT_SIDEBAR_VIEW_TYPES.DETACHED