Admin Structure
This part of the documentation will help you understand the Admin Structure.
1. Header Section : This is the default navbar section. It contains :
- Sidebar toggle button. (On mobile resolution)
- Search bar
- Language Dropdown
- Light/Dark Toggle
- Notification Dropdown
- Profile Dropdown
<div class="header-container container-xxl">
<header class="header navbar navbar-expand-sm expand-header">
..................
..................
..................
..................
</header>
</div>
2. Main Container Section : The main container section includes overlay, sidebar and main content section.
- Overlay Code
- Sidebar Section
- Main Content Section
<div class="middle-content container-xxl p-0">
</div>
3. Sidebar : This is the sidebar code.
<!-- BEGIN SIDEBAR -->
<div class="sidebar-wrapper sidebar-theme">
<nav id="sidebar">
................
................
................
................
</nav>
</div>
<!-- END SIDEBAR -->
4. Main Content : This is the Main Content code section.
- .middle-content - This is used for appling the .container-xxl class.
- Breadcrumb Section - Contains the Breadcrumb.
- Widget contents - Contains all the widgets.
<!-- BEGIN CONTENT AREA -->
<div id="content" class="main-content">
<div class="layout-px-spacing">
</div>
</div>
<!-- END CONTENT AREA -->