Loading...
 
Skip to main content
Show a timeline view of a tracker

Plugin Tracker Timeline

Introduced in Tiki3, with support for SIMILE Timeline added in Tiki7. SIMILE timeline was replaced by Vis Timeline in Tiki29.

Use this wiki plugin shows a timeline view of a tracker, which can be used to display event schedules or gantt charts. The tracker needs to have a field title, a field summary, a field start, a field end, a text field (to group event together). The plugin can work on different scale: hour, day, month, year

Parameters

Show a timeline view of a tracker
Introduced in Tiki 3. 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 3.0
start digits Tracker Field ID containing the element start date. The field must be a datetime/jscalendar field. 3.0
summary digits Tracker Field ID containing the summary of the item. The summary will be displayed on the timeline when the item is focused. 3.0
title digits Tracker Field ID containing the item title. 3.0
band2_height int Height of the lower timeline band as a percentage (default: 250p - - * SIMILE only) 30 9.0
scale alpha Set a fixed scale for the time axis of the Timeline. Choose from 'millisecond', 'second', 'minute', 'hour', 'weekday', 'week', 'day', 'month', 'year' month 29.0
step number Set a fixed step size for the time axis. Only applicable when used together with scale parameter. Choose for example 1, 2, 5, or 10 1 29.0
height text Height of the timeline band as a CSS unit (for example 250px, 75%,...) 9.0
orientation text Orientation of the timeline axis and items. When orientation is a string, the value is applied to both items and axis. Can be 'top', 'bottom' (default), 'both' or 'none'. bottom 29.0
link_group (blank)
y
n
Convert the group name to a link 3.0
lower The initial start date for the axis of the timeline. If not provided, the latest date present in the items set is taken as end date. Date must be provided in YYYY-MM-DD HH:mm:ss format. 3.0
max TSet a maximum Date for the visible range. It will not be possible to move beyond this maximum.Date must be provided in YYYY-MM-DD HH:mm:ss format. 29.0
min TSet a minimum Date for the visible range. It will not be possible to move beyond this minimum.Date must be provided in YYYY-MM-DD HH:mm:ss format. 29.0
upper The initial end date for the axis of the timeline. If not provided, the latest date present in the items set is taken as end date. Date must be provided in YYYY-MM-DD HH:mm:ss format. 3.0
color digits Tracker Field ID containing the item color(that field must contains valid css color like : red, yellow,#FAEBD7,BlanchedAlmond , ... . 29.0
group digits Tracker Field ID containing the element's group. Elements of a same group are displayed on the same row. 3.0
end digits Tracker Field ID containing the element end date. The field must be a datetime/jscalendar field. 3.0
image_field digits Tracker Field ID containing the image file. 7.0
link_page digits Tracker Field ID containing the page name for item details. 3.0
type digits Tracker Field ID containing the type of item. The type of the item can be 'box' (default), 'point', 'range', or 'background'. Types 'box' and 'point' need a start date, the types 'range' and 'background' needs both a start and end date. 29.0

Examples

Example 1

This code:

Copy to clipboard
{trackertimeline tracker="8" title="39" color="40" type="point" summary="43" start="41" end="42" scale="day" group="44"}


Would produce:

Click to expand
Click to expand


This code:

Copy to clipboard
{trackertimeline tracker="8" image_field="45" title="39" color="40" type="point" summary="43" start="41" end="42" scale="day" group="44"}


Would produce:

Click to expand
Click to expand


Data comes from Tracker5 with this type of information:

Title color start end description Group image
Pelegrinage at Kibeo 2025-08-04 06:00 2025-08-07 17:00 Go to Rwanda to visit the sites where people died during the genocide, and also meet Nathalie, to whom the mother of Christ appeared. Events
Camille's birthday DarkGoldenRod 2025-07-12 22:00 Camille birthday date Birthday
Meet Daniella yellow 2025-07-21 08:00 Daniella ma perle Events Screenshot 2025-08-10 at 23.51.57

Example 2

This code:

Copy to clipboard
{trackertimeline tracker="7" title="33" type="point" summary="35" start="36" scale="day"}

Would produce:

Click to expand
Click to expand


Collapse/expand modules below