/thyssenkrupp_logo_claim_d.svg){kind=logo}
/thyssenkrupp_logo_t.svg){kind=logo}
Tabs (07_03)
Ähnlich dem "Accordion" werden die "Tabs" zur Strukturierung und zur Abbildung von umfangreichen Inhalten verwendet. Tabs kommen 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.
Beispiel Seitenansicht
Das Modul ist orange markiert
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. |
| Titel | Titel 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. |
| Titel | Titel 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 den folgenden Seitenbereichen und Templates verwendet werden:
stage
content
stage
right
bottom
full-width
default
sidebar
sidebar
Der blaue Bereich gibt an, dass das Modul in dieser Content Area anwendbar ist.
Vermaßte Screenshots
Erläuterung: Abstandswerte, die in den vermaßten Screenshots verwendet werden