Hoe stel je een tijdlijn blok in binnen een kolommenblok in Datamotive?

Met het tijdlijn blok voeg je een interactieve tijdlijn toe aan een kolom. De tijdlijn toont meerdere slides met een navigatiebalk onderaan. Per slide stel je een titel, media en inhoud in. Dit blok is geschikt voor het visueel presenteren van stappen, mijlpalen of een chronologisch overzicht.

Voorwaarde: het tijdlijn blok wordt toegevoegd binnen een kolom van een kolommenblok. Heb je nog geen kolommenblok aangemaakt? Raadpleeg dan eerst de handleiding [Hoe stel je een kolommenblok in binnen Datamotive?]

Een tijdlijn blok toevoegen

Stap 1 – Voeg een blok toe
Klik binnen de kolom op + Blok toevoegen en selecteer het bloktype Tijdlijn.

Stap 2 – Vul een korte beschrijving in (optioneel)
Vul een korte beschrijving in voor intern gebruik in het CMS. Deze tekst is niet zichtbaar op de website.

Algemene instellingen configureren

Stap 3 – Stel het aantal zichtbare slides in
Vul bij Aantal zichtbaar in hoeveel slides tegelijk zichtbaar zijn in de tijdlijn.

Stap 4 – Stel de weergaveopties in
Configureer de volgende opties:

• Horizontaal centreren: schakel in om de slides gecentreerd te tonen
• Loop: schakel in om de tijdlijn eindeloos te laten doorlopen
• Verberg slider bar: schakel in om de navigatiebalk te verbergen
• Autoplay: schakel in om de tijdlijn automatisch te laten doorlopen
• Autoplay vertraging: stel in na hoeveel seconden de tijdlijn automatisch naar de volgende slide gaat

Let op: wanneer je de slider bar verbergt, kan de tijdlijn niet langer gepauzeerd worden als autoplay is ingeschakeld. Dit kan invloed hebben op de toegankelijkheid.

Stap 5 – Kies een tijdlijn balk stijl
Selecteer bij Tijdlijn balk stijl de gewenste weergave van de navigatiebalk:

• Dots met titel – toont een dot met een titel als label onder elke dot
• Alleen dots – toont alleen dots zonder titels

Stap 6 – Kies een themakleur
Selecteer bij Thema kleur de gewenste kleur voor de navigatie-elementen van de tijdlijn. Beschikbare opties zijn: Primair, Secundair, Tertiair, Wit en Donker.

Slides toevoegen

Stap 7 – Voeg een slide toe
Klik op + Slide toevoegen om een nieuwe slide toe te voegen.

Stap 8 – Stel de titel in de tijdlijn in
Vul bij Titel in tijdlijn een label in dat onder de dot in de tijdlijn balk wordt getoond. Laat dit veld leeg om het slidenummer te tonen.

Stap 9 – Stel de inhoud van de slide in
Elke slide bevat een card met de volgende onderdelen:

• Thema: kies de weergavestijl van de card: Regular (standaard), Floating of Filled
• Media type: kies Afbeelding en selecteer een afbeelding via de mediabibliotheek, of kies Video en voer een MP4- of YouTube-URL in
• Titel: vul de hoofdtekst van de slide in
• Tekst: vul een aanvullende beschrijving in via de teksteditor
• Link toevoegen: maak de volledige card klikbaar via + Link toevoegen
• Button toevoegen: voeg een knop toe via + Button toevoegen

Herhaal stap 7 t/m 9 voor elke slide die je aan de tijdlijn wilt toevoegen.

Opslaan en publiceren

Stap 10 – Sla op en publiceer
Klik linksboven op Opslaan. Publiceer de pagina om de wijzigingen zichtbaar te maken op de live website.

Overzicht instellingen