Topic: Drop down - organize content in tabs -prevent close dropdown on tab click
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.
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 ?
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
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- 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