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

Accordion (07_01)

Um auf Landingpages/Verteilerseiten und Artikeldetailseiten im Contentbereich eine große Anzahl an Inhalten übersichtlich untereinander darzustellen, eignet sich optimal das "Accordion" Modul. Durch Klick auf die einzelnen Container-Titel werden diese ausgeklappt und die zuvor hinterlegten Inhalte werden sichtbar. Im Detail besteht das "Accordion" Modul aus einer Headline, den - möglichst eindeutig benannten - Container-Titeln und den variablen, innerhalb des Containers eingebundenen Modulen.

Accordion - Modulansicht

Accordion im Contentbereich

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschrift Überschrift für das Accordion-Modul
2. Accordion-Elemente - beliebig viele

Darstellungsoptionen:
- Bei Aufruf der Seite das erste Accordion-Element geöffnet anzeigen: ja/nein
- Immer nur ein Accordion-Element geöffnet anzeigen: ja/nein
TitelTitel wird auf jedem Element angezeigt
Module Folgende Module können in einem Accordion eingefügt werden (auch mehrere pro Accordion):

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 Accordion-Modul
2. Accordion-Elemente - beliebig viele

Darstellungsoptionen:
- Bei Aufruf der Seite das erste Accordion-Element geöffnet anzeigen: ja/nein
- Immer nur ein Accordion-Element geöffnet anzeigen: ja/nein
TitelTitel wird auf jedem Element angezeigt
Module Folgende Module können in einem Accordion eingefügt werden (auch mehrere pro Accordion):

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: Accordion

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

Vermaßte Screenshots

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

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