0

My APEX Tabs Container has many tabs and it's not showing all of them in the page, forcing the user to scroll sideways to be able to see everything. There are no explicit options in the developer page that allows to change the amount of tabs shown in a single line or to wrap it. enter image description here Currently there are 26 tabs inside this cointainer, with 23 being shown and 3 hidden.

Is there a way to break the Tab Container "line"?

AWildmann
  • 179
  • 3
  • 21

1 Answers1

0

The way I found to break the tab container line was to change a particular attribute inside the <ul> parent attribute that has the tabs, as follows:

enter image description here

By adding changing the white-space:nowrap; attribute to white-space:pre-wrap;, it breaks the tabs container line and allows for the 3 remaining tabs to be shown on a second line:

enter image description here

enter image description here

AWildmann
  • 179
  • 3
  • 21