Documentation

Ctrl+K

Summary

  1. saveLocal:
    - for storing changes of setting panel there are 3 choices given below:
    "saveLocal": "sessionStorage",
    choices: 'sessionStorage', 'localStorage','none'
  2. app_name
    - for app name any name can be given as shown below:
    "app_name": "Hope UI"
  3. theme_scheme_direction
    - for direction of theme there are 2 choices given below:
    "theme_scheme_direction": "ltr",
    choices: 'ltr', 'rtl'
  4. theme_scheme
    - for theme there are 3 choices given below:
    "theme_scheme": "light",
    choices: 'light', 'dark', 'auto'
  5. theme_color
    - for colour customization . Colors are in array
    "theme_color": "theme-color-default",
    colors: {
        "--primary": "#3a57e8",
        "--info": "#08B1BA",
    },
    choices: 'theme-color-default', 'theme-color-blue', 'theme-color-gray', 'theme-color-red', 'theme-color-yellow', 'theme-color-pink'
    
  6. theme_style_appearance
    - for card apperance there are 4 options given below. Values are in array.
    "theme_style_appearance": " ["theme-default"],
    choices: 'theme-default', 'theme-flat', 'theme-bordered', 'theme-sharp'
    
  7. theme_transition
    - for transition effect there are 2 options given below:
    "theme_transition": "null",
    choices: 'theme-without-animation', 'theme-with-animation'
    
  8. theme_font_size
    - for theme font size there area 3 options given below:
    "theme_font_size": "theme-fs-md",
    choices: 'theme-fs-sm', 'theme-fs-md', 'theme-fs-lg'
    
  9. page_layout
    - for layout of page there are 2 options:
    "page_layout": "container-fluid",
    choices: 'container', 'container-fluid'
    
  10. header_navbar
    - for header navbar there are 4 options given below:
    "header_navbar": "default",
    choices: 'default', 'navs-sticky', 'nav-glass', 'navs-transparent'
  11. header_banner
    - for header banner there are 3 options given below:
    "header_banner": "default",
    choices: 'default', 'navs-bg-color', 'hide'
    
  12. sidebar_color
    - for sidebar color there are 4 options given below:
    "sidebar_color": "sidebar-white",
    choices: 'sidebar-white', 'sidebar-dark', 'sidebar-color', 'sidebar-transparent'
    
  13. sidebar_type
    - for sidebar type there are 3 options given below:. Values are in array.
    "sidebar_type": "sidebar-mini",
    choices: 'sidebar-hover', 'sidebar-mini', 'sidebar-boxed'
    
  14. sidebar_menu_style
    - for sidebar menu-style there are 5 options given below:
    "sidebar_menu_style": "left-bordered",
    choices: 'navs-rounded', 'navs-rounded-all', 'navs-pills', 'navs-pill-all', 'left-bordered'
    
  15. footer
    - for footer there are 2 options given below:
    "footer": "default"
    choices: 'default', 'sticky'
    
  16. body_font_family
    - for font style of body
    "body_font_family": "Inter",
  17. heading_font_family
    - for font style of heading
    "heading_font_family": "Inter",
  18. File Name: gulp.config.json
    "options": {
        "saveLocal": "sessionStorage",
        "storeKey": "huisetting",
        "setting": {
            "app_name": {
                "value": "Hope UI"
            },
            "theme_scheme_direction": {
                "value": "ltr"
            },
            "theme_scheme": {
                "value": "light"
            },
            "theme_style_appearance": {
                "value": [
                    "theme-default"
                ]
            },
            "theme_color": {
                "colors": {
                    "--primary": "#3a57e8",
                    "--info": "#08B1BA"
                },
                "value": "theme-color-default"
            },
            "theme_transition": {
                "value": "theme-with-animation"
            },
            "theme_font_size": {
                "value": "theme-fs-md"
            },
            "page_layout": {
                "value": "container-fluid"
            },
            "header_navbar": {
                "value": "default"
            },
            "header_banner": {
                "value": "default"
            },
            "sidebar_color": {
                "value": "sidebar-white"
            },
            "sidebar_type": {
                "value": []
            },
            "sidebar_menu_style": {
                "value": "left-bordered"
            },
            "footer": {
                "value": "default"
            },
            "body_font_family": {
                "value": null
            },
            "heading_font_family": {
                "value": null
            }
        }
    },

Remove customizer

Remove the SettingOffcanvas Component from src/templates/components/widgets/setting-offcanvas