Timeline Block
This module allows you to easily add customizable timelines to your Drupal website. You can display events chronologically with titles, dates, descriptions, and images, choosing from multiple predefined layouts or creating your own custom design.
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 layoutSupport
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.