1) Go to the
dist js
and choose the demo init file.
| Demo name |
File name |
| boxed |
app.init.boxed.js |
| dark |
app.init.dark.js |
| horizontal |
app.init.horizontal.js |
| horizontal-fullwidth |
app.init.horizontal-fullwidth.js |
| iconbar |
app.init.iconbar.js |
| light-sidebar |
app.init.light-sidebar.js |
| ltr |
app.init.js |
| mini-sidebar |
app.init.mini-sidebar.js |
| overlay |
app.init.overlay.js |
| rtl |
app.init.js |
2) Search for the
NavbarBg
in the file.
$(function () {
"use strict";
$("#main-wrapper").AdminSettings({
Theme: false, // this can be true or false ( true means dark and false means light ),
Layout: "vertical",
LogoBg: "skin6", // You can change the Value to be skin1/skin2/skin3/skin4/skin5/skin6
NavbarBg: "skin6", // You can change the Value to be skin1/skin2/skin3/skin4/skin5/skin6
SidebarType: "full", // You can change it full / mini-sidebar / iconbar / overlay
SidebarColor: "skin6", // You can change the Value to be skin1/skin2/skin3/skin4/skin5/skin6
SidebarPosition: true, // it can be true / false ( true means Fixed and false means absolute )
HeaderPosition: true, // it can be true / false ( true means Fixed and false means absolute )
BoxedLayout: false, // it can be true / false ( true means Boxed and false means Fluid )
});
});
3) Now,
choose a value from
skin1 to
skin6 as
per the requirement.