DOCUMENTATION

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 ltr and rtl 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_style_appearance
    - for card apperance there are 4 options given below. Values are in array. 
    
"theme_style_appearance": " [],
choices: 'theme-flat', 'theme-sharp'
  6. page_layout
    - for layout of page there are 2 options: 
    
"page_layout": "container-fluid",
choices: 'container', 'container-fluid'
  7. sidebar_color
    - for sidebar color there are 4 options given below: 
    
sidebar_color": "sidebar-white",
choices: 'sidebar-white', 'sidebar-dark', 'sidebar-color', 'sidebar-transparent'
  8. 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'
  9. 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'

    10. File Name:

    gulp.config.json

    
"options": {
  "saveLocal": "sessionStorage",
  "storeKey": "huisetting",
  "setting": {
    "app_name": "Hope UI",
    "theme_scheme_direction": "ltr",
    "theme_scheme": "light",
    "theme_style_appearance": [],
    "theme_font_size": "theme-fs-md",
    "page_layout": "container-fluid",
    "sidebar_color": "sidebar-white",
    "sidebar_type": [],
    "sidebar_menu_style": "left-bordered"
  }
},

Remove customizer

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

Remove Script

  
const defaultSetting = () => {
    let setting_options = document.querySelector('meta[name="setting_options"]');
    if (setting_options !== null && setting_options !== undefined) {
        setting_options = JSON.parse(setting_options.getAttribute("content"))?.setting;
    }
    else{
        setting_options = {
            theme_scheme: 'light',
            theme_scheme_direction: 'ltr',
            sidebar_color: '',
            sidebar_type: [],
            sidebar_menu_style: 'left-bordered',
            app_name: 'Hope UI',
            page_layout: 'container-fluid',
            theme_style_appearance: [],
            theme_font_size: 'theme-fs-md',
          }
    }
    return setting_options;
}
Tailwind Configuration Next
Updated on February 28, 2022
Was this page helpful?