Horizontal Layouts
If you would like to have Horizontal Menu (or Topnav) based layout, simply remove included files @Html.Partial("~/Views/Shared/_topbar.cshtml") & @Html.Partial("~/Views/Shared/_sidebar.cshtml") and include. @Html.Partial("~/Views/Shared/_horizontal.cshtml") in /Veltrix/Views/Shared/_Layout.cshtml file.
In order to add, change or remove any ui elements from the top bar, simply edit in file /Veltrix/Views/Shared/_horizontal.cshtml.
The change would reflect in all the files automatically.
How to use pre-built layouts?
Each of the layout options is provided below with steps you would need to perform in /Veltrix/Views/Shared/_Layout.cshtml file
Topbar Light
Keep your body element with data attributedata-topbar="light" data-layout="horizontal" E.g. <body data-topbar="light" data-layout="horizontal"> to have light topbar and dark menubar.
Boxed Layout
Keep your body element with data attributedata-layout-size="boxed" data-layout="horizontal" E.g. <body data-layout-size="boxed" data-layout="horizontal"> to have boxed layout.
Preloader
In order to add pre-loader in your page, include following html afterbody element.
<div id="preloader">
<div id="status">
<div class="spinner-chase">
<div class="chase-dot"></div>
<div class="chase-dot"></div>
<div class="chase-dot"></div>
<div class="chase-dot"></div>
<div class="chase-dot"></div>
<div class="chase-dot"></div>
</div>
</div>
</div>