Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: mdb-tabset: horizontal scrolling tabs

akrolis pro asked 6 years ago


Hello,

I'm using the Pro Version v.6.3.0 and in my project I have a tabset with multiple (10-11) tabs, is it possible for the tabs to remain horizontal and have some kind of scroll in the tabset header?

It would be a very nice and helpful feature a way to scroll through the tabs horizontally for tabsets with many tabs, instead of stacking them.

 

Thanks.


Arkadiusz Idzikowski staff answered 6 years ago


Dear akrolis,

Unfortunately it is not possible in the current version. I will add this feature to our nice-to-have list.

Regards,

Arek


pedrojrivera free commented 5 years ago

What is the status of this nice-to-have feature? I'm considering importing a 2nd framework as I need to be able to horizontally scroll through tabs as well. https://material.angular.io/components/tabs/api#ScrollDirection

Do you know of any work around that we could use in the meantime?


Arkadiusz Idzikowski staff commented 5 years ago

Unfortunately, we have not started working on this functionality yet. I'm afraid there is no easy workaround for that, because we will need to change many things in component template.


Khati free commented 3 years ago

Any update on this functionality... I am having mdb 5 - angular pro kit... Me also looking for same kind of functionality for my project.. Horizontal scrollable tabs..


Arkadiusz Idzikowski staff commented 3 years ago

@Khati We currently don't have plans to add this feature because it will require many breaking changes in the component HTML template.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: Desktop / Mobile
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No
Tags