CERN Accelerating science

Close menu

Timeline

Components - MULTIMEDIA
Usage

CERN provided Drupal 8 sites:

  • Install and enable the Timeline module and all its dependencies under Extend
  • Install and enable the Section module and all its dependencies under Extend as it is needed to wrap around a timeline
  • After installing you can add timelines on all content types which use the Section component like the Landing Page
  • To create a timeline click on the Content tab and add a new section or click on an existing one. Then click on the alignment you wish and add a new timeline paragraph in the paragraph chooser
  • After that just copy paste the timeline's URL into the field and click on save

Other:

  • Just include one of the variant's HTML snippets

Screenshot of a timeline

 

<iframe class="timeline" scrolling="auto" height="850" width="100%" frameborder="0" src="https://timeline.web.cern.ch/timeline-header/86/export"></iframe>
Show more code
Show more code
The zip file contains the orginal SCSS files

Just copy paste the HTML you got from timeline.web.cern.ch