Lanxess Timeline
Die Timeline (Zeitstrahl) Komponente setzt sich aus zwei unterschiedlichen Komponenten zusammen:
-
Lanxess Timeline (grundlegende Tab-Struktur, sozusagen das Rahmenlayout)
-
Lanxess Timeline Goal (einzelne Einträge innerhalb eines Tabs)
Beim ersten Einfügen der Timeline sind standardmäßig zwei Tabs (inkl. Placeholder für Goals) vorhanden:
Die Headline der einzelnen Tabs kann geändert werden. Danach einmal speichern, bevor weitere Tabs angelegt werden.
Es können beliebig viele Tabs hinzugefügt werden. Klicken Sie dafür in das Feld Tab Heading und navigieren eine Ebene höher auf „Tab“:
Nun können Sie über das blaue + weitere Tabs hinzufügen:
Für jedes Tab-Element oben wird automatisch ein Ankerelement (mit gleichem Namen) unten im Content angelegt.
Unterhalb der jeweiligen Ankerelemente befinden sich die Timeline Container. Klicken Sie in den Container und navigieren Sie eine Komponentenebene höher auf „timeline-content-1“, um ein Timeline Goal einzufügen:
Folgende Felder stehen dem Editor hier zur Verfügung:
-
Topline
-
Headline
-
Text
-
Placeholder für mögliche Linklist
-
Bild
Es können beliebig viele Goal-Einträge angelegt werden.
Sind alle Inhalte gepflegt und gespeichert, und man klickt oben auf ein Tab, scrollt der Timeline Content automatisch zum jeweiligen Ankerpunkt, welcher dann als aktiv (rot) dargestellt wird (ebenso die Tab Headline).
Wenn es oben so viele Tabs gibt, dass der Platz in der Breite nicht ausreicht, wird automatisch ein Pfeil zum Sliden eingeblendet (wie bei Tab-Komponente).
Handelt es sich um einen Timeline mit sehr vielen Inhalten, kann der Editor die Höhe der kompletten Komponente festlegen (und damit den Content innerhalb der Timeline scrollbar machen), indem man über die Component Properties geht, zum Beispiel:
