Plugin Tracker Vertical Timeline

Introduced in Tiki29, with support for d3-miselton Timeline added in Tiki29. SIMILE timeline was replaced by Vis Timeline in Tiki29

Use this wiki plugin shows a vertical timeline view of a tracker, which can be used to display event schedules. The tracker needs to have a field title, a field summary, a field date.

Parameter

Show a timeline view of a tracker
Introduced in Tiki 29. Required parameters are in bold.
Go to the source code
Preferences required: wikiplugin_trackertimeline, feature_trackers

Parameters	Accepted Values	Description	Default	Since
`tracker`	digits	Numeric value representing the tracker ID		29.0
`date`	digits	Tracker Field ID containing the element start date. The field must be a datetime/jscalendar field.		29.0
`title`	digits	Tracker Field ID containing the item title.		29.0
`color`	digits	Tracker Field ID containing the text color of the item.		29.0
`height`	text	Define the height of the vertical timeline	1000px	29.0
`orientation`	text	By default the orientation of this timeline is vertical as the name of the plugin specified it. But if you want, you can use it in horizontal orientation. The value of parameter orientation can be "vertical" or "horizontal"	vertical	29.0
`distribution`	text	Distribution of items on timeline axis. When distribution is a string, the value is applied to the items. Can be 'left', 'right', 'left-right'(default) or 'none'.	left-right	29.0
`aggregateBy`	text	Sets the aggregation interval for the event data, where interval can be one of 'second', 'minute', 'hour', 'day', 'week', 'month', 'quarter' or 'year'.	left-right	29.0
`urlTarget`	text	Customizes the target attribute when url are provided with a URL. Can be '_blank', '_self', '_parent' or '_top'.	_blank	29.0
`image_field`	digits	Tracker Field ID containing the image file.		29.0
`url`	digits	Tracker Field ID containing the url or link to go where when we click on the title of the item.		29.0

Examples

Copy to clipboard

{trackerverticaltimeline tracker="8" title="39" color="40" date="41"}

Click to expand

Copy to clipboard

{trackerverticaltimeline tracker="8" title="39" color="40" date="41" image_field="45"}

Click to expand

Here is what the data in my tracker looks like, which I used to generate these examples :

title	date	image
Pelerinage at Kibeo	2025-08-04 06:00
Camille's birthday	2025-07-12 22:00
Father's birthday	2025-08-18 22:00
Man on bicyclette	2025-07-23 22:00
Confirmation of childs	2025-08-14 10:00
Holyday for children	2025-07-05 22:00
Annie's birthday	2025-08-07 22:00	Screenshot 2025-08-10 at 23.50.22
Meet Daniella	2025-07-21 08:00	Screenshot 2025-08-10 at 23.51.57