100 Timeline
Um einen Zeitstrahl über das Tool https://timeline.knightlab.com/ in die Webseite zu integrieren, können die einzelnen Datenpunkte als Events in den Datenobjekten hinterlegt werden.
1. Schritt: Event hinzufügen
Um einen neuen Datenpunkt für einen Zeitstrahl anzulegen, wird zunächst das Datenobjekt "TimelineEvent" in dem gewünschten Ordner angelegt:
Ein Event besteht aus den Folgenden Informationen:
- Titel
- Beschreibungstext
- Beginn und Endzeitpunkt des Events
- Bild(er)
Optional kann das Event einer Gruppe (Era) hinzugefügt werden. In diesem Fall werden die Datenpunkte in der Anzeige gruppiert.
2. Schritt: Timeline anlegen
Hat man alle Events angelegt, werden diese einem Zeitstrahl (Timeline) zugeordnet:
Dafür werden die Einzelevents in das Datenobjekt "Timeline" eingefügt.
Optional kann mit Hilfe des Inital Zoom eingestellt werden, welcher Zeitraum dem Nutzer angezeigt wird (Tage, Wochen, Monate, Jahre, ....). Die genaue Skalierung hängt dabei von dem Gesamtzeitraum des Zeitstrahls ab
- 0= größt möglicher Zeitraum in der Anzeige des Zeitstrahls
- 10= größter Zoom, das heißt der angezeigte Zeitraum wird klein.
- 1-9 = je größer die Zahl desto kleiner wird der angezeigte Zeitraum
In der aktuellen Konfiguration wird immer das aktuellste Event als Startevent angezeigt. Sollten 2 Events aktuell sein, wird das Event ausgewählt, dessen Ende noch nicht abgeschlossen ist und Startzeitpunkt am nächsten am aktuellen Zeitpunkt liegt. Möchte man immer mit dem 1. Event starten, kann dies über die Checkbox aktiviert werden
Soll statt dem aktuellsten oder dem 1. Event immer ein ganz bestimmtes als Startevent angezeigt werden, so kann man dieses entsprechend als Start Event angeben:
3. Schritt: Timeline auf Landingpage einbinden
Hat man die Schritte 1 und 2 erledigt, kann der angelegte Zeitstrahl jetzt über das Content-Element 100Timeline in jede beliebige Landingpage eingebunden werden.
Man bekommt im Bearbeitungsmodus der Seite keine Vorschau des Zeitstrahls, kann sich diesen aber natürlich über die Seitenvorschau anschauen.
Wird im Hintergrund etwas an den Datenobjekten Events oder Timeline geändert, so passt sich die Landingpage automatisch beim nächsten Neuladen/Aufruf an.