If you'd like to make changes to the switcher, please add them to
(Root:src/app/shared/services/app-state.service.ts)
export class AppStateService {
private readonly localStorageKey = 'Dashtic-ng'; // Customize this key
private initialState: StateType = {
direction: '', // ltr, rtl
navigationStyles: '', // vertical, horizontal
menuStyles: '', // menu-click, menu-hover, icon-click, icon-hover
layoutStyles: '', // double-menu, detached, icon-overlay, icontext-menu, closed-menu, default-menu
widthStyles: '', // fullwidth, boxed
menuPosition: '', // fixed, scrollable
headerPosition: '', // fixed, scrollable
themePrimary: '', // '58, 88, 146', '92, 144, 163', '161, 90, 223', '78, 172, 76', '223, 90, 90'
bgPatternImage:'', // bgpattern1, bgpattern2, bgpattern3, bgpattern4, bgpattern5, bgpattern6, bgpattern7, bgpattern8, bgpattern9, bgpattern10
codingStyles:'', // style1, style2, style3, style4, style5, style6, style7, style8, style9, style10
cardBackground:'',
themeBackground: '',
backgroundImage: '', // bgimg1, bgimg2, bgimg3, bgimg4, bgimg5
}
}
| Attribute
|
Description |
data-theme-mode="dark"
data-header-styles="dark"
data-menu-styles="dark"
|
To set the Dark theme
|
dir="ltr"
|
To set LTR version default
|
dir="rtl"
|
To set LTR version to RTL version
|
data-nav-layout="vertical"
|
To set menu layout to vertical
|
data-nav-layout="horizontal"
data-nav-style="menu-click"
|
To set menu layout to horizontal
|
data-nav-style="menu-click"
|
To set navigation style to menu click - *Works same for both vertical and horizontal
|
data-nav-style="menu-hover"
|
To set navigation style to menu hover - *Works same for both vertical and horizontal
|
data-nav-style="icon-click"
|
To set navigation style to icon click - *Works same for both vertical and horizontal
|
data-nav-style="icon-hover"
|
To set navigation style to icon hover - *Works same for both vertical and horizontal
|
data-width="fullwidth"
|
To set page width to Full Width
|
data-width="boxed"
|
To set page width to Boxed
|
data-menu-position="fixed"
|
To set menu position Fixed
|
data-menu-position="scrollable"
|
To set menu position Scrollable
|
data-header-position="fixed"
|
To set header position Fixed
|
data-header-position="scrollable"
|
To set header position Scrollable
|
data-vertical-style="closed"
|
To set sidemenu layout style Closed - *Does not work for horizontal
|
data-vertical-style="icontext"
|
To set sidemenu layout style Icon Text - *Does not work for horizontal
|
data-vertical-style="overlay"
|
To set sidemenu layout style Icon Overlay - *Does not work for horizontal
|
data-vertical-style="detached"
|
To set sidemenu layout style Detached - *Does not work for horizontal
|
data-vertical-style="doublemenu"
|
To set sidemenu layout style Double Menu - *Does not work for horizontal
|