How to use pre-built layouts?
Please do the below change in the html element at
Views/Shared/_Layout.html
file. ex:
<Body data-bs-theme="dark">
Color Scheme:
data-bs-theme="dark"
data-bs-theme="light"
data-topbar="colored"
Layout Width:
class="vertical-collpsed" data-layout-size="boxed"
data-keep-enlarged="true"
Layout Position:
data-layout-scrollable="true"
Topbar Colors:
Note: @Html.Partial("~/Views/Shared/_topbar.cshtml") ,
@Html.Partial("~/Views/Shared/_sidebar.cshtml") Two Line are Remove and Add This Line in Views/Shared/Layout.cshtml
@Html.Partial("~/Views/Shared/_horizontal.cshtml")
data-topbar="light" data-layout="horizontal"
data-topbar="colored" data-layout="horizontal"
data-layout-size="boxed" data-layout="horizontal"
Preloader Option:
In order to add pre-loader in your page, include following html after body 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>