Horizontal Layouts

If you would like to have Horizontal Menu (or Topnav) based layout, simply replace code from file Views\Shared\Layouts\_layout_horizontal.cshtml file to Views\Shared\_Layout.cshtml file.

In order to add, change or remove any ui elements from the top bar, simply edit in file Views\Shared\_horizontal.cshtml.

How to use pre-built layouts?

Each of the layout options is provided below with steps you would need to perform in Views\Shared\_Layout.cshtml file or you can simply copy paste layout file from Views\Shared\Layouts folder which contains all default layouts files:

image
Topbar Light
Replace body tag with <body data-topbar="light" data-layout="horizontal">.
image
Boxed Layout
Replace body tag with <body data-topbar="dark" data-layout="horizontal" data-layout-size="boxed">.
image
Topbar Dark
Replace body tag with <body data-topbar="dark" data-layout="horizontal">.