Topic: Drop down - organize content in tabs -prevent close dropdown on tab click

nick.kaynes priority asked 2 years ago


I would like to display in drop down button a component picker organized in tabs as shown in following example : https://mdbootstrap.com/snippets/standard/nick-kaynes/3918536

The problem is if I toggle from one tab to another trhe entire dropdown closes. I wish to be able to toggle amongst tabs and select a component. The drop down would close only when I click on a component or outside the drop down. Not when I click to nagigate amongst tabs. Thank you.


nick.kaynes priority answered 2 years ago


Thank you. But it does'nt close when I select one of the link tags inside a tab. It should close when I click a link in a tab. How to do this ?


nick.kaynes priority answered 2 years ago


thank you, that works.


Dawid Wajszczuk staff answered 2 years ago


Hi,

You need to write some JS. Here is the example https://mdbootstrap.com/snippets/standard/d-wajszczuk/3924959#js-tab-view.

Keep coding,
Dawid


Dawid Wajszczuk staff answered 2 years ago


Hi,

You just need to add data-mdb-auto-close="outside". Here is the snippet https://mdbootstrap.com/snippets/standard/d-wajszczuk/3922040.

Keep coding,
Dawid



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 Standard
  • MDB Version: MDB5 4.0.0
  • Device: windows desktop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: Yes