Horizontal

Horizontal menu configuration

You can change the horizontal layout very easily by adding the below attribute to the body tag in the Velzon/Views/Shared/_Layout.cshtml file.

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 Velzon/Views/Shared/sidebar.cshtml. The change would reflect in all the html files automatically. We are using gulp which would actually take care of including the Velzon/Views/Shared/sidebar.cshtml file content in all HTML pages.

How to use pre-built layouts?

Please do the below change in the html element at Velzon/Views/Shared/_Layout.cshtml file. ex: <html data-layout-width="fluid">

Layout Width

data-layout-width="fluid"

data-layout-width="boxed"

Layout Position

data-layout-position="fixed"

data-layout-position="scrollable"

Topbar Colors

data-topbar="light"

data-topbar="dark"

Preloader Option

data-preloader="disable"

data-preloader="enable"