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.

https://mdbootstrap.com/snippets/standard/yiannis_kyriazidis/3501890#html-tab-view

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 https://mdbootstrap.com/snippets/standard/m-duszak/3506770



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: 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