TabPanel Example #2




In this example, we've hidden the button borders and reduced the spacing between buttons to 0.

We've also changed the font, which has made each tab wider. As a result, scroll buttons are automatically added to the tabs. Use the buttons to scroll tabs into view, or click a partially-hidden tab to bring it into view.

The same applies to the buttons when the first or second tab is selected: buttons are added to the button-panel allowing hidden buttons to be scrolled into view.

We've also specified that the second tab and its 4th button should be selected when the menu appears.