Timeline Examples

This page contains examples which show how to use Timeline. For the documentation, please click the button below:

View docs ยป

basic usage

basic usage

data handling

data serialization
load external data

editing

data serialization
editing items
editing items callbacks
individual editable items
update data on event
tooltip on item change

groups

groups
groups editable
groups ordering
subgroups
vertical items hide

interaction

animate window
click to use
event listeners
limit move and zoom
navigation menu
set selection

items

background areas
background areas with groups
html contents
item ordering
point items
range over flow item

other

require js
custom time bars
data attributes
data attributes all
groups performance
hiding periods
localization
performance
rtl
timezone
drag & drop
function label formats
horizontal scroll
using react
vertical sroll

styling

exis orientation
custom css
grid styling
item class names
item templates