Angular mdb-sidenav "simple link" not working

andrews88l asked 10 months ago

Using your provided example for a Side Nav with Double Navigation and Fixed Navbar (https://mdbootstrap.com/angular/layout/navigation/), it lists a "simple link" can be created by giving the parent MDB Item a .no-collapse class like so: <mdb-item class="no-collapse">.

This does not actually do anything; it still creates like a standard accordion sidenav section. How can I fix this? Looking at the source code, it appears the down chevron is placed in the mdb-item component no matter what...

 

Thanks.


Damian Gemza answered 9 months ago

Hello andrews88l,

Are you sure that you're doing everything right? I tried to repeat your's problem but for me everything is working fine.

For simple, no collapsing link you have to add code like below:

<!-- Simple link -->

<mdb-itemclass="no-collase">

<mdb-item-headmdbRippleRadius><iclass="fa fa-hand-pointer-o"></i> Simple link</mdb-item-head>

<mdb-item-body></mdb-item-body>

</mdb-item>
to element:
<ulclass="collapsible collapsible-accordion">
If you do it well, it will works fine.
Best Regards,
Damian

Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No