Two Column

Two column menu configuration

You can change the Two column layout very easily by adding the below attribute to the html tag in the views/partials/main.ejs file.

data-layout="twocolumn"

How to add new menu items/change menu items?

To add, change or remove menu items from the left side navigation, simply edit in file views/partials/sidebar.ejs. The change would reflect in all the ejs files automatically. We are using Webpack which would take care of including the views/partials/sidebar.ejs file content in all ejs pages.

How to use pre-built layouts?

Please do the below change in the html element at views/partials/main.ejs file. ex: <html data-layout-width="fluid">

Topbar Colors

data-topbar="light"
data-topbar="dark"

Sidebar Colors

data-sidebar="light"
data-sidebar="dark"
data-sidebar="gradient"
data-sidebar="gradient-2"
data-sidebar="gradient-3"
data-sidebar="gradient-4"

Sidebar Images

data-sidebar-image="none"
data-sidebar-image="img-1"
data-sidebar-image="img-2"
data-sidebar-image="img-3"
data-sidebar-image="img-4"

Preloader Option

data-preloader="disable"
data-preloader="enable"