How to add Third Level menu to sidebar-nav of SB ADMIN 2?

Do you have any idea on how to add third level sidebar-nav to President's List nav-item? I want to add sub menu like 1st Year, 2nd Year. I provided my HTML code below. I'm having a hard time to tweak the code since the template only offers second level.

Here's the link of template SB ADMIN 2

<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">

  <a class="sidebar-brand d-flex align-items-center justify-content-center" href="admin_home_page">
    <div class="sidebar-brand-icon">
      <img src="{{ asset('admin/img/puplogomini.png') }}"></i>
    </div>
    <div class="sidebar-brand-text mx-3">PUPT AAAS</div>
  </a>

  <hr class="sidebar-divider my-0">

  <li class="nav-item active">
    <a class="nav-link align-middle" href="{{url('admin/dashboard')}}">
            Welcome, Super Admin
    </li>

    <div class="sidebar-heading">
        NAVIGATION PANE
    </div>

    <li class="nav-item active">
        <i class="fa fa-home" aria-hidden="true"></i>
        <span>Home</span>
        </a>
  </li>

  <!--Nav Item - Utilities Collapse Menu -->
  <li class="nav-item">
    <a class="nav-link collapsed" href="{{url('admin/users')}}">
      <i class="fa fa-id-card"></i>
      <span>Users</span>
    </a>
  </li>
  <li class="nav-item">
    <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
      <i class="fas fa-award"></i>
      <span>Academic Awards</span>
    </a>
    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
      <div class="bg-white py-2 collapse-inner rounded">
        <a class="collapse-item" href="{{url('admin/achievers-award')}}">Achiever's Award</a>
        <a class="collapse-item" href="cards.html">President's List</a> {{-- Third Level Here >1st Year >2nd Year --}}
        <a class="collapse-item" href="cards.html">Dean's List</a>
        <a class="collapse-item" href="cards.html">Academic Excellence</a>
      </div>
    </div>
  </li>
  <li class="nav-item">
    <a class="nav-link collapsed" href="pl_courses.php">
      <i class="fa fa-award"></i>
      <span>Non-Academic Awards</span>
    </a>
  </li>
  <hr class="sidebar-divider d-none d-md-block">

  <!-- Sidebar Toggler (Sidebar) -->
  <div class="text-center d-none d-md-inline">
    <button class="rounded-circle border-0" id="sidebarToggle"></button>
  </div>
</ul>

How to add Third Level menu to sidebar-nav of SB ADMIN 2?

0 Answers