Layouts
This Section explains everything about Page Layouts with its available options. Copy the attached code snippets to make it work.
Vertical
Horizontal
Collapse
Vertical Layout is the default layout of the theme so you do not need to make any changes to it.
You need to add
layout-horizontal.js to your page to achieve the Horizontal Layout.
<script src="../assets/js/laout-horizontal.js"></script>
if you are using Gulp in your project then you need to change in src/html/layouts/footer-js.html file.
You need to add
layout-compact.js to your page to achieve the Collapse Layout.<script src="../assets/js/laout-compact.js"></script>
if you are using gulp in your project then change in src/html/layouts/footer-js.html file.
You need to add the below code within
<div class="navbar-wrapper"> and after the <div class="navbar-content"><div class="pc-comact-submenu">
<div class="pc-comact-title">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<div class="avtar avtar-xs bg-light-secondary">
<i class=""></i>
</div>
</div>
<div class="flex-grow-1 ms-2">
<h5 class="mb-0"></h5>
</div>
</div>
</div>
<div class="pc-comact-list"></div>
</div>
if you are using gulp in your project then only include a
layout-copact.html file in the project.@@include('../layouts/layout-compact.html')
Last modified 4mo ago