Horizontal Layout

Horizontal menu configuration

How to use pre-built layouts?

Each of the layout options is provided below with steps you would need to perform in file resources/views/master.blade.php in body tag. and remove the line @include('layouts.topbar') and @include('layouts.sidebar') and add @include('layouts.horizontal') line in resources/views/master.blade.php.

image
Topbar Dark
data-layout="horizontal"
data-topbar="dark"
image
Boxed Layout
data-layout="horizontal"
data-topbar="light"
data-layout-size="boxed"
image
Colored Header
data-layout="horizontal"
data-topbar="colored"
image
Scrollable
data-layout-scrollable="true"
data-layout="horizontal"
image
Preloader
data-layout="horizontal"
data-topbar="dark"
Add below code after body tag.
<div id="preloader"> <div id="status"> <div class="spinner"> <i class="uil-shutter-alt spin-icon"></i> </div> </div> </div> <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.