Topic: Angular mdb-sidenav "simple link" not working

andrews88l pro asked 6 years 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 staff answered 6 years 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.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags