Hovered

Hovered menu configuration

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

Use below given attribute to set Hovered sidebar style(Not applicable in horizontal layout).

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

Sidebar Style

data-sidebar-size="sm-hover"