Topic: Multi level sidenav

Yiannis Kyriazidis free asked 2 years ago

Im trying to create a multilevel sidenav using the expand/collapse classes for the additional levels I wish to use.

Its almost working. See example below. Click on node Mult level 2 and it expands collapses.

To acheive this I removed the class sidenav-collapse from the nested ul class

The only think thats missing is

1.The multilevel 2 node does not show a rotaiting icon when closing/opening.

2.The nested list is styled with bullets , not consistent with other nodes.

Can you help me fix this so we can use multi level sidbars ?

Michał Duszak staff answered 2 years ago

  1. I'm afraid it's not possible - multi-level nesting is not supported for Sidenav as this component wasn't designed to contain those.

  2. You can use list-style:none as in the following snippet to remove bullets

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

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.10.1
  • Device: windows desktop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: Yes