Topic: Multi level sidenav
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 ?
I'm afraid it's not possible - multi-level nesting is not supported for Sidenav as this component wasn't designed to contain those.
You can use list-style:none as in the following snippet to remove bullets https://mdbootstrap.com/snippets/standard/m-duszak/3506770
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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