Angular mdb-sidenav simple link not working

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Angular mdb-sidenav "simple link" not working

andrews88l pro asked 7 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 7 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
Write
Create snippet
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
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
andrews88l
Pro User
12Support score
2Questions 2Answers
0Snippets likes 0Snippets