Topic: Howto add a third level in Sidenav?

Ehret priority asked 2 weeks ago


I added a third navigation level to the MDBSideNav

Expected behavior At first glance it works as it should but if I select a page at third level the navigation collapse

Actual behavior The first level nav should be open if a page in third level is selected

Resources (screenshots, code snippets etc.)

this is the sidenav with a page selected at third level but I had to oben the first level manually - the second level was open already


Ehret priority commented 2 weeks ago

https://mdbootstrap.com/snippets/vue/ehret/6301526


paul598kline free answered 3 days ago


Hello,

It sounds like the tiktok downloader MDBSideNav isn't maintaining its open state when you select a page at the third level. To keep the first level open, ensure you update the state management to track which levels should remain open based on the selected page.

Best Regards,

Paul Kline


Bartosz Cylwik staff answered 2 weeks ago


Hi!

Unfortunately I couldn't make it work aswell so I'll add this to our to-do/to-check list to test (and possibily fix) it.

As a workaround you can try to make a function that would trigger click on the MDBSideNavItem so that it could toggle when needed (depending on the current link). It may not be pretty but it may work.

Best Regards!


Ehret priority commented 2 weeks ago

Hi,

thank you for your answer. Can you give an estimate as to when there might be a solution here? I'm stuck in the middle of a project and I have to decide to wait or to search for an alternate solution.

Thank you

Christian


Bartosz Cylwik staff commented 2 weeks ago

Im sorry, we don't have an eta right now



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: Priority
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: MDB5 6.0.0
  • Device: MacBook Pro
  • Browser: Chrome 130
  • OS: macOS Sequoia 15.1
  • Provided sample code: No
  • Provided link: No