Looking for Vue, React, Angular, Laravel Version? Click here to Get 5 in 1 JS Bundle.

Page Appearance

  1. page_layout
    - for layout of page there are 2 options given below. Values are in string.
    "page_layout": {
    "value": "container-fluid"
    },
    choices: 'container', 'container-fluid'
  2. theme_style_appearance
    - for card apperance there are 4 options given below. Values are in array.
    "theme_style_appearance": {
    "value": [
    "theme-default"
    ]
    },
    choices: 'theme-default', 'theme-flat', 'theme-bordered', 'theme-sharp'
  3. card_style
    - for card design there are 3 options given below. Values are in string.
    "card_style": {
    "value": "card-default"
    },
    choices: 'card-default', 'card-glass', 'card-transparent'
  4. To get the current value of the following you can use:

    page_layout

    const pageLayout = useSelector(SettingSelector.page_layout)

    theme_style_appearance

    const themeStyleAppearance = useSelector(SettingSelector.theme_style_appearance)
  5. To use action you can use dispatch to update state.js.

    page_layout

    dispatch(page_layout(value))

    theme_style_appearance

    dispatch(theme_style_appearance(value))