Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: SideNav and nested menu

krim pro asked 6 years ago


 This works incorrectly:

<mdb-side-nav-nav>
<mdb-side-nav-cat name="Submit blog" icon="chevron-right">
<mdb-side-nav-item href="#">Submit listing</mdb-side-nav-item>
<mdb-side-nav-item href="#">Registration form</mdb-side-nav-item>

<mdb-side-nav-cat name="Contact me" icon="envelope-o">
<mdb-side-nav-item href="#">FAQ</mdb-side-nav-item>
<mdb-side-nav-item href="#">Write a message</mdb-side-nav-item>
</mdb-side-nav-cat>
</mdb-side-nav-cat>
</mdb-side-nav-nav>

Nested menu("Contact us") is collapsed and I can't open it by click. And icon in the right position show that it already opened.
When I add :show="true" into "Contact me" the menu is shown and can be collapsed, but I don't want to show it for the first time.

Mikołaj Smoleński staff answered 6 years ago


Hello,

We haven't tested nested menu yet, but thanks for sharing Your problem. We'll deal with it soon.

Best regards


enviaya pro commented 4 years ago

Hi, @Mikołaj Smoleński Any news? I found this post today because it would be great for me to use nested collapsing menu. In general, are there any updates planned for the vue? for a very long time there was nothing. I follow the news every day, because I use the library actively


Mikołaj Smoleński staff commented 4 years ago

We decided not to add such functionality as it would be hard to maintain. Here are all sidenav options in one place -> https://vue.mdbootstrap.com/#/navigation/pro/sidenav-playground

Soon we're going to make fix release and then work on the new version with Bootstrap 5. Best regards



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: Pro
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 4.8.2
  • Device: all
  • Browser: all
  • OS: all
  • Provided sample code: Yes
  • Provided link: No