Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 5 Next »

Tabs are user interface components that render and display subsections to users; they arrange content into categories for easy access and make your apps look cleaner by saving space. Instead of a single title bar, a tabbed window may include multiple tabs along the top.

This component varies from the regular 'tabs' component, with the tabs arranged on the top in a horizontal space.

Tabs allow you to switch between options in a program, separate documents, or web pages. The currently-selected tab is usually gets highlighted (in a bold format) than the other tabs. The interface is designed to resemble the tabs at the top of file folders, as viewed from inside a file cabinet.

Tabs allow you to load multiple websites and quickly switch between them, without each of them needing a separate window.

To create a new tab in page layout, you can click the "+" sign of the current tab to open a new blank one tab.

Each open tab can be closed individually by clicking the "X" on the right side of the tab. If the tab does not show an "X," try hovering the mouse pointer over the tab.

Tabs may be easier for users to understand and associate with their contents. They are best suited for a small number of items, but provide scrolling on overflow. Tabs display scroll buttons to aid with scrolling when their contents overflow. The buttons show that there are more tabs to either side.

  • No labels