Topic: How to make a navbar dropdown-link active automatically?
                  
                  pawled
                  free
                  asked 3 years ago
                
I wanna make dropdown-link active when any of its items is on. Same as in sidenav-link with collapsible content.
If you want your navbar dropdown-link to be active automatically, you can use the "active" class.
                      
                      Dawid Wajszczuk
                      staff
                        answered 3 years ago
                    
Hi,
What @cloudsyte2 sent will get the job done. Here is the snippet with possible solution for MDB https://mdbootstrap.com/snippets/standard/d-wajszczuk/3768473.
Keep coding,
Dawid
pawled free commented 3 years ago
I meant navbar dropdown rather.
Mateusz Lazaru staff commented 3 years ago
It does not have such option. We will consider adding it in future.
                      
                      cloudsyte2
                      premium
                        answered 3 years ago
                    
This might help https://stackoverflow.com/questions/42941245/navbar-css-automatic-add-active-in-dropdown-menu
Change the code according to your framework (js/react).
Also, what you need to do in a nutshell is, watch for the URL (window.location) and see if it is equal to your dropdown link route.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
 - Premium support: No
 - Technology: MDB Standard
 - MDB Version: MDB5 3.11.0
 - Device: Any
 - Browser: Any
 - OS: Any
 - Provided sample code: No
 - Provided link: No