Two Column
Two column menu configuration
For Two Column layout, Use the structure of the
layouts-two-column.html
file.
Each of the layout options
is provided below with
steps you would need to perform in the
layouts-two-column.html
or index.html
file:
Use below given attribute to set Two column layout.
data-layout="twocolumn"
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 Velzon/Ajax/default/index.html
.
The change would reflect in all the html files automatically. We are using
gulp which would actually take care of including the
Velzon/Ajax/default/index.html
file content in the all html
pages.
How to use pre-built layouts?
Please do the below change in the html element at
Velzon/Ajax/default/index.html
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"