Page Appearance

• To get the default value of page style or card style, navigate to this path src/store/setting/state.ts.

Page Layout

• Property: "page_layout"
• Choices: 'container', 'container-fluid'
• Values are in string

Example

"page_layout": {"value": "container-fluid"}

Theme Style Appearance

• Property: "theme_style_appearance"
• Choices:'theme-default', 'theme-flat', 'theme-bordered', 'theme-sharp'
• Values are in array

Example

"theme_style_appearance": {"value": ["theme-default"]}

Card Style

• Property: "card_style"
• Choices:'card-default', 'card-glass', 'card-transparent'
• Values are in string

Example

"card_style": {"value": "card-default"}

To get the current value of the following you can use:

• first import useSelector from react-redux
• import the selectors files from src/store/setting/selectors in your component.
• import this file as top of your component using following example code in your component.

import { useSelector } from "react-redux";
import * as SettingSelector from '../store/setting/selectors'

• then use the following code in your component to get the current value.

Page Layout

const pageLayout = useSelector(SettingSelector.page_layout)

Theme Style Appearance

const themeStyleAppearance = useSelector(SettingSelector.theme_style_appearance)

Card Style

const cardStyle = useSelector(SettingSelector.card_style)

To use action you can use dispatch to update state.js.

• first import usedispatch from react-redux.
• import the actions files from src/store/setting/actons in your component.
• import this file as top of your component using following example code in your component.

import { useDispatch } from "react-redux";
import { page_layout } from "../../../store/setting/actions";

• then write the following code inside the function component for use of dispatch method inside your component.

const dispatch = useDispatch();

• then use the following code in your component to dispatch or change the new value of scheme.

Page Layout

dispatch(page_layout(value))

Theme Style Appearance

dispatch(theme_style_appearance(value))

Card Style

dispatch(card_style(value))