pro asked 5 years ago


Hi support, The sideNav provided from the Double navigation template included the squeezebox control which allows expanding the header to reach the url items. Is it possible to have the same UI as the squeezebox but without the header, so that the end user can directly click the url items? Many thanks

pro answered 5 years ago


Hi, Just to let you know I am using Angular Pro. Thanks to your solution which is very similar to mine, except I have included the <div class="accordion"></div> Without the accordion class div, the item width display as the same width as the sidenav and the item stated highlighted all the time. Regards

Rafał Rogulski free answered 5 years ago


Hi, You can add this code
<li>
  <div class="card">
    <div class="card-header">
      <a class="pl-2" role="button" href="http://www.google.pl">
        <h5 class="mb-0">
          <i _ngcontent-c0="" class="fa fa-chevron-right"></i> Submit blog
        </h5>
      </a>
    </div>
  </div>
</li>
and check if you place it in <ul class="collapsible collapsible-accordion"> Regards

pro answered 5 years ago


I had a look at the code on how squeezebox was generated and came up with the solution below, but I am not sure is that the best practice. <ul class="collapsible collapsible-accordion"> <div class="accordion"> <div class="card"> <div class="card-header"> <h5 class="mb-0"> item name here </h5> </div> </div> </div>

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags