Vertical Timeline

Category: Widgets
Subcategory: Display widgets


Show a vertical timeline in your Mendix application. This consists of two widgets: Vertical Timeline Container and Vertical Timeline Element, working together. This setup ONLY works for Mendix Studio 8.7 and higher.


Demo url

Apache License Dependencies DevDependencies Support WM Studio GitHub release GitHub issues

Vertical Timeline


Want to show a vertical timeline in your Mendix App? These pluggable widgets (Mendix 8.7 and higher) will help you accomplish that.


See it in action here

Extremely light widgets, totalling about 10Kb when running in the cloud



  • Show a vertical timeline, with a datasource you can choose
  • Make it 1- or 2-column
  • Supports conditional visibility


  • Onclick icon
  • Model the content of your Timeline Element in Mendix Studio
  • Supports conditional visibility


This setup involves 2 widgets that work together:


  • Add the Vertical Timeline Container to your page
  • Select a Datasource for the container. This will automatically set the context for the content field of the container
  • Add the Vertical Timeline Element inside the container
  • Inside the element, you can model out how you want it to look
  • If you want to style it quickly (the background is grey), add the following class name to the container surrounding the Vertical Timeline Container: vertical-timeline-wrapper

The following things can be configured:

  • Date : this is a string that will be shown on the opposite of the element, or underneath
  • Icon : this is the icon that appears inside the round
  • Icon class : If you are going to do some styling, you might want to set the class based on a textTemplate
  • OnClick Icon : When you click the icon itself, you can open a page, execute nanoflow/microflow etc.



container1 container2



Demo project

Demo project will be released later, but this is very simple.

Issues, suggestions and feature requests

Note 1 (29/02/2020): Due to limitations, pluggable widgets that have content panes, do not accept other widgets like data views in their panes. This is currently a PLATFORM limitation, do not report this as an issue.

Please report your issues here


Apache 2


Version: 1.1.1
Framework Version: 8.7.0
Release Notes: - Update rc-vertical-timeline library
Version: 1.1.0
Framework Version: 8.7.0
Release Notes: - Update component to `rc-vertical-timeline`, making it IE11 compatible - Added loading indicator when dataSource is loading
Version: 1.0.0
Framework Version: 8.7.0
Release Notes: - First release of Vertical Timeline widgets