Timeline Block

Timeline Block lets you enter timelines from your drupal block configuration area. It is a customizable drupal timeline module. Using this timelines module lets you easily add timelines on your drupal website. Timeline block provides a visual representation of the alignment of time to display a list of events in chronological order or activities that happened at a particular phase.

Depending on the module you choose, you can show timeline title, time phase and description with images. We can also use the Testimonial order weight select option which can be used to provide customized sorting of timelines.

This module provides 10 different predefined layouts and we can also override the css design on our theme css.

We can also override the timeline template and css for design layout with abailable variables on the twig template.

We can copy the template file from templates/timeline-block.html.twig to your theme file and customize the html and implement your own layout with custom css and also implement other carousel with custom js.

Available variables on the twig template:

  Available variables:
- timeline_data: Array of timeline.
  - time: timeline time value
  - title: title of the timeline
  - description: description of the timelie

- timeline_settings: Array of timeline configurations
  - timeline_layout: template layout

Support

Please post bug reports, feature requests and support requests to the Timeline Block module issue queue.

Demo

• Go to https://simplytest.me/project/timeline_block.
• Click "Launch Sandbox".
• Install Drupal as normal.
• Enable "Timeline Block" module, and any optional modules you wish to try out.

Installation and download

Installation with Composer:

composer require 'drupal/timeline_block'

Looking for Timeline Block support?

Free community support options

Developers can participate our support channels on a best-effort basis, Drupal Answers.

Alternate Module:
Views Timeline — a similar module with a view that displays content in a timeline format for better visual presentation.