Scrollable tabs

Kevin pro premium priority asked 10 months ago

Dear MDB-Team,

is there a possibility to make side scrollable tabs in the new MDB Version but that the arrows are beside the tabs and not on the tabs like this example: https://mdbootstrap.com/snippets/standard/marcin-luczak/2709241#html-tab-view?

Best regards Kevin


Kamila Pieńkowska staff answered 10 months ago

You can achieve that with custom CSS.

This is just example. You can tweak it further. https://mdbootstrap.com/snippets/standard/kpienkowska/5945835


Kevin pro premium priority answered 9 months ago

How can I display the arrows in the large version without them floating in the tabs and is it possible to also move the tabs by dragging them without having to click the arrows? I tried it but it didn't work smoothly


Grzegorz Bujański staff commented 9 months ago

Unfortunately, such a feature is not available at the moment


Kevin pro premium priority answered 9 months ago

But how can I display the arrows in the large desktop version? It's buggy the way I tried


Kamila Pieńkowska staff commented 9 months ago

You need to add more styles. I've prepared you simple example but you can do further customization by adding styles for more media queries.


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: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 7.1.0
  • Device: Computer
  • Browser: Firefox
  • OS: Windows 11
  • Provided sample code: No
  • Provided link: Yes