Improve Tabs component with horizontal scrolling, paging or


Topic: Improve Tabs component with horizontal scrolling, paging or with a dropdown

UNNdev pro premium priority asked a year ago

Expected behavior

When there is not enough horizontal room to display all tabs, they should be horizontally scrollable or pageable with clickable left and right arrows for mouse users, and swipeable for mobile or tablet users.

Another option would be hiding all tabs that don't fit behind a dropdown. Selecting a tab from that dropdown would replace the last visible tab with the one selected, or some other fancy logic.

Some ideas:

Actual behavior

Tabs wrap to the next line usually resulting in an undesired layout.


Michał Duszak staff answered a year ago

Hello, thank you for your feedback. Our tabs are meant to behave just like the Bootstrap 5 Tabs. However we will consider adding an option to change behaviour of big amount of tabs on different screen widths.

Keep Coding,

Michał


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 3.7.1
  • Device: All devices
  • Browser: All browsers
  • OS: All operating systems
  • Provided sample code: No
  • Provided link: Yes
Tags