Two Column

Two column menu configuration

Use below given attribute to set two column layout. data-layout="twocolumn" in the templates/partials/base.html file.

How to add new menu items/change menu items?

In order to add, change or remove menu items from the left side navigation, simply edit in file templates/partials/sidebar.html. The change would reflect in all the html files automatically. We are using gulp which would actually take care of including the templates/partials/sidebar.html file content in the all html pages.

How to use pre-built layouts?

Please do the below change in the html element at templates/partials/base.html file. ex: <html data-layout="twocolumn">

Topbar Colors

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

Sidebar Colors

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

Sidebar Images

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

Preloader Option

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