Javascript Usage

Javascript Usage

Modern admin manages all js files in app-assets folder and it also allows users to add their own js files inside assets folder. Both app-assets and assets folders can be found in root of the downloaded package. All vendor js can be found under /app-assets/vendors/js/.

Modern admin manages all theme js files in src/js/ folder and users js files inside assets/js/ folder. Both src/js/ and assets/ folders can be found in root of the downloaded package.

Gulp command for dist-js will compile & minify all js files in app-assets/js folder.

Js files structure for modern assets.


Treeview
modern_admin
├── src
| ├── js
| | ├── core
| | ├── scripts

Following is the details of what all js folders.

# Folder Details
1 core core folder contains core libraries and core js files of modern admin template like bootstrap 4.2.1, material 4.1, jQuery, app and app-menu etc..
2 scripts scripts folder contains all js files that are used to initialize plugins.

Heads Up!

It is not recommend to change any js files inside src/js/ folder to avoid future update conflicts. If you still modify, it may requires to merge it manually with future updates.

JS files structure for assets/ folder.


Treeview
modern_admin
├── assets
| ├── js

Please write your own custom JS inside assets/js/scripts.js file.

You can add your new JS files or folder in assets/ folder to avoid any future conflicts or merge.