Teaser style landscape
Teaser style portrait
Teaser style milestones
How it works
How it works
- The component contains of the Timeline Container and Timeline Teaser placed within the container.
- The Teaser allows to configure 3 styles
- Portrait
- Landscape
- Milestones
- More than one teaser per year/topic can be included in the "Milestones" style.
- Navigation
- User can navigate through the component by using arrows, scroll or by activating the auto play functionality.
- When clicking the right (next) arrow:
- If the end of the current slide is already visible, left part of next slide is shown
- If the end of the current slide is not visible, a fixed amount of px (or the remaining part of the current slide, whichever is smaller) is scrolled to the right so further content is revealed.
- When clicking the left (previous) arrow:
- If the start of the current slide is already visible, left part of previous slide is shown
- If the start of the current slide is not visible, a fixed amount of px (or the remaining part of the current slide, whichever is smaller) is scrolled to the left so further content is revealed
- User can navigate through the component by using arrows, scroll or by activating the auto play functionality.
Crosslinks
Reference guide for publisher
Create timeline with the timeline container
Integrate teasers
Activate "auto-play"
Edit first teaser
Select other teaser for editing
Select teaser style
Add additional teaser on "Milestones"-Style
Select teaser style