You are using Internet Explorer 11 or earlier, this browser is no longer supported by this website. We suggest to use a modern browser.

Tabs (07_03)

Similar to the “Accordion”, the tabs are used for structuring and displaying extensive content on landing pages/distributor pages and detailed article pages in the content area. In each of the tab containers, which must be named as precisely as possible, individual content/modules can be placed, only becoming visible when the corresponding tab is clicked on. The module consists of a general headline, the tab container headlines, and the modules that are integrated into the tabs.

Tabs - Module view

Tabs in the content area

This is how the module works

The module consists of the following components:
1. Headline Headline for the tab module
2. Tabs There is no limit to the number, but clear structure should still be ensured.
HeadlineHeadline is displayed on every tab
Modules The following modules can be inserted into tabs (also multiple per tab)

Teaser: Download Teaser, Event Teaser, Figure Teaser, Press Teaser, Quotation Teaser, Text Teaser, Text Teaser List, Image Teaser, Image Teaser Slider, Contact Teaser, Text + Image Teaser
Combination modules: Image + Quotation, Text + Downloads, Text + Image, Text + Link list, Text + Quotation, Text + Video
Media: Image, Image Gallery, Images Download, PDF Gallery, Video, Video List,
Others: Organisational Chart, Standard Text, Table, Link List

This is how the module works

The module consists of the following components:
1. Headline Headline for the tab module
2. Tabs There is no limit to the number, but clear structure should still be ensured.
HeadlineHeadline is displayed on every tab
Modules The following modules can be inserted into tabs (also multiple per tab)

Teaser: Download Teaser, Event Teaser, Figure Teaser, Press Teaser, Quotation Teaser, Text Teaser, Text Teaser List, Image Teaser, Image Teaser Slider, Contact Teaser, Text + Image Teaser
Combination modules: Image + Quotation, Text + Downloads, Text + Image, Text + Link list, Text + Quotation, Text + Video
Media: Image, Image Gallery, Images Download, PDF Gallery, Video, Video List,
Others: Organisational Chart, Standard Text, Table, Link List

The module can be used in the following templates and page areas:

Template and page area: Tabs

The blue area indicates that the module is applicable.

Dimensioned screenshots

Tabs: Dimensioning Desktop
Desktop
Tabs: Dimensioning Tablet
Tablet
Tabs: Dimensioning Mobile
Mobile
Spacing Guide

Description: Spacing values used in the dimensioned screenshots