stalis pro asked 6 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

stalis pro answered 6 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 6 years ago

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

stalis pro answered 6 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.


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


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