Horizontal

  1. Docs
  2. Horizontal

Horizontal menu configuration

For Horizontal layout, Use the structure of the layouts-horizontal.html file.
Each of the layout options is provided below with steps you would need to perform in the layouts-horizontal.html or index.html file:

Use below given attribute to set horizontal layout.

data-layout="horizontal"

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 index.html.

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">

Layout Width

image data-layout-width="fluid"
image data-layout-width="boxed"

Layout Position

data-layout-position="fixed"
data-layout-position="scrollable"

Topbar Colors

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

Preloader Option

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