Navbar Dropdown not working

Topic: Navbar Dropdown not working

Solution Republic priority asked 2 years ago

Expected behavior The dropdown on any item on the navbar should work Actual behavior Dropdowns do not appear when clicking on the navbar item Resources (screenshots, code snippets, etc.) https://mdbootstrap.com/docs/standard/navigation/navbar/

Add comment

Kamila Pieńkowska staff answered 2 years ago

0 0 Best answer

There must be something wrong with your imports in Flask because none of the MDB package JS works on your page.

Please show me how you are doing your imports and check if you get any console errors.

Solution Republic priority commented 2 years ago

I think imports are fine because if you check the following it does give you the content back: https://poeticklyui-dtsgjsmkkq-uc.a.run.app/static/js/mdb.min.js https://poeticklyui-dtsgjsmkkq-uc.a.run.app/static/plugins/js/all.min.js

Solution Republic priority commented 2 years ago

I also do not see any errors in the console. https://ibb.co/Jrhn3yq

Solution Republic priority commented 2 years ago

I also do not see any errors in the console. https://ibb.co/Jrhn3yq

Solution Republic priority commented 2 years ago

Never mind. I figured it out. It was the wrong reference of the js file in my HTML. Thank you for looking into it.

Add comment

Solution Republic priority answered 2 years ago

0 0 Best answer

Please insert min. 20 characters.

Please see the following link and check the MDB Nav bar profile icon: https://poeticklyui-dtsgjsmkkq-uc.a.run.app

enter image description here

You can check when you click on the person profile icon, it does not show any dropdown. I am using it from Python/Flask where I have included all the MDB files in the static folder.

enter image description here