mdb-vue dropdown router links

  1. MDB Home Page
  2. Support Main Page
  3. MDB Vue
Topic: mdb-vue dropdown router links

cryocaustik asked 6 years ago

Hi, all - wondering if it is possible to use the mdb-dropdown-item with a router to=""/:to="" link? The docs only show a manual a tag used and the API does not mention anything either.

I've tried adding the to props/binds, but they do not seem to be working.

I've also tried using mdb-nav-item in the mdb-dropdown-menu, but that results in incorrect color styling.

Appreciate the help!

Mikołaj Smoleński staff answered 6 years ago

Hi there,

Currently we provide router-link functionality only for navbar/sidenav's items, but thanks to Your issue we've realized that Dropdown item should also have same functionality. We're going to add it soon. For this moment I suggest to replace dropdown-item component by router-link with class dropdown-item.

Best regards

jay2jam pro commented 6 years ago

That's what i am searching for. Also find out, that it is tor working :-)

    <mdb-dropdown-item router to="profile">Profile</mdb-dropdown-item>

Mikołaj Smoleński staff commented 6 years ago

It's already fixed in our development branch. It will be released officialy on Monday. Best regards

cryocaustik answered 6 years ago

@Mikołaj Smoleński also wanted to mention that when coloring the dropdown items using the method described in dropdown docs, setting the color="elegant" does not apply the dark colors.

I tested this with both, router-link and mdb-dropdown-item, neither worked.

However, if you give the mdb-dropdown-menu a class of dropdown-dark, the dropdown items will gain the appropriate colors.

Using class="dropdown-dark"

class

Using color="elegant"

color

Mikołaj Smoleński staff commented 6 years ago

Hi there again,

I've just tested the dropdowns and everything is working correct (there is no need to add class dropdown-dark. Can You share an exact code of the wrong drodpown?

Best regards

Mikołaj Smoleński staff answered 6 years ago

Hello again,

Thanks for all Your support, we're adding Your issues to current development version and all the problems should be fixed in the next release.

Best regards

Write
Create snippet
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 Vue
  • MDB Version: 5.1.1
  • Device: Desktop
  • Browser: Firefox, Chrome, Edge
  • OS: Windows 10 Pro x64
  • Provided sample code: No
  • Provided link: No
About author
cryocaustik
47Support score
3Questions 3Answers
0Snippets likes 0Snippets