Loading...
 
Skip to main content

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
Click to expand

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

Click to expand
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
Collapse/expand modules below