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)

Ähnlich dem "Accordion" kommen die Tabs zur Strukturierung und zur Abbildung von umfangreichen Inhalten auf Landingpages/Verteilerseiten und Artikeldetailseiten im Contentbereich zum Einsatz. In jedem der - möglichst präzise benannten - Tab-Container können individuelle Inhalte/Module platziert werden, die erst durch Klick auf den entsprechenden Tab sichtbar werden. Das Modul besteht aus einer übergreifenden Headline, den Tab-Container-Titeln und den Modulen, die innerhalb der Tabs eingebunden werden.

Tabs - Modulansicht

Tabs im Contentbereich

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschrift Überschrift für das Tab-Modul
2. Tabs (Reiter) Es gibt keine Beschränkung in der Anzahl, aber die Übersichtlichkeit sollte gewährleistet sein.
TitelTitel wird auf jedem Reiter angezeigt
Module Folgende Module können in Tabs eingefügt werden (auch mehrere pro 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
Kombimodule: Image + Quotation, Text + Downloads, Text + Image, Text + Link list, Text + Quotation, Text + Video
Medien: Image, Image Gallery, Images Download, PDF Gallery, Video, Video List,
Weitere: Organizational Chart, Standard Text, Table, Link List

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschrift Überschrift für das Tab-Modul
2. Tabs (Reiter) Es gibt keine Beschränkung in der Anzahl, aber die Übersichtlichkeit sollte gewährleistet sein.
TitelTitel wird auf jedem Reiter angezeigt
Module Folgende Module können in Tabs eingefügt werden (auch mehrere pro 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
Kombimodule: Image + Quotation, Text + Downloads, Text + Image, Text + Link list, Text + Quotation, Text + Video
Medien: Image, Image Gallery, Images Download, PDF Gallery, Video, Video List,
Weitere: Organizational Chart, Standard Text, Table, Link List

Das Modul kann in folgenden Templates und Seitenbereichen eingesetzt werden:

Template und Seitenbereich: Tabs

Der blaue Bereich gibt an, dass das Modul anwendbar ist.

Vermaßte Screenshots

Tabs: Vermaßung Desktop
Desktop
Tabs: Vermaßung Tablet
Tablet
Tabs: Vermaßung Mobile
Mobile
Abstände Guide

Erläuterung: Abstandswerte, die in den vermaßten Screenshots verwendet werden