Horizontal Layouts

For Horizontal layout, Please include $this->include('partials/horizontal') in the app/Views/partials/menu.php
Each of the layout options is provided below with steps you would need to perform in the app/Views/partials/body.php file:

image
Topbar Light
Keep your body element with data attribute data-topbar="light" data-layout="horizontal" i.e. <body data-topbar="light" data-layout="horizontal"> to have light topbar and dark menubar.
image
Topbar Dark
Keep your body element with data attribute data-topbar="dark" data-layout="horizontal" i.e. <body data-topbar="dark" data-layout="horizontal"> to have colored topbar and dark menubar.
image
Boxed Layout
Keep your body element with data attribute data-layout-size="boxed" data-layout="horizontal" i.e. <body data-layout-size="boxed" data-layout="horizontal"> to have boxed layout.
image
Preloader
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>