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:
image data-bs-theme="dark"
image data-bs-theme="light"
image data-topbar="colored"
Layout Width:
class="vertical-collpsed" data-layout-size="boxed" data-keep-enlarged="true"
Layout Position:
data-layout-scrollable="true"
Topbar Colors:
@Html.Partial("~/Views/Shared/_horizontal.cshtml")

image data-topbar="light" data-layout="horizontal"
image data-topbar="colored" data-layout="horizontal"
image 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>
© Skote.