Customization Javascript
Structure
Js file structure
We have added all layouts files in the
/assets/js folder.
app.js- To set active menu, and layout settings and basic setup of the theme.
plugins.js- To setup all toast-list, data-choices and data-provider add the script based on it.
pages- All the pages init js files are added in the pages folder. We have named the js files based on the plugins and package so it will be easy to identify the init js file.
app.js Methods
| Method | Description |
|---|---|
initMetisMenu(); |
Manage the menu. |
initLeftMenuCollapse(); |
Manage the custom Left Menu Collapse. |
initFullScreen(); |
Manage the full screen JS. |
initModeSetting(); |
Manage the mode settings. |
initActiveMenu(); |
Manage rinitActive menu events. |
initMenuItemScroll(); |
Manage Menu Item Scroll. |
initHoriMenuActive(); |
Manage Horizontal Menu Active. |
initPreloader(); |
Manage Preloader. |
initSettings(); |
Manage Layouts right sidebar |
initLanguage(); |
Set selected language with Ajax call. |
initComponents(); |
Manage Components. |
initDropdownMenu() |
Custom Dropdown Menu. |
layoutSetting() |
Custom code for input layouts. |