Timeline

A lot of grouped data

 

 

Animate window

 

 

Background areas

 

 

Background areas with groups

 

 

Basic demo

 

 

Click to use

 

 

Clustering example

 

 

Custom function label format example

 

 

Custom Localization

 

 

Custom snapping

 

 

Custom styling

 

 

Data Attributes

 

 

Data Attributes All

 

 

Data serialization

 

 

Drag & Drop

 

 

Dynamic Content

 

 

Editable Groups

 

 

Editable markers

 

 

Event listeners

 

 

expected vs actual times items

 

 

External data

 

 

Grid styling

 

 

Group example

 

 

Groups ordering

 

 

Hiding periods

 

 

Horizontal Scroll Option

 

 

HTML data

 

 

Individual editable items

 

 

Individual editable items (override)

 

 

Item class names

 

 

Item ordering

 

 

itemsAlwaysDraggable Option

 

 

Limit move and zoom

 

 

Loading screen example

 

 

Localization

 

 

Manipulation callbacks

 

 

Manipulation example

 

 

Marker events

 

 

Markers example

 

 

navigation menu

 

 

Nested Groups example

 

 

Nested Groups example (3 levels)

 

 

onTimeout example

 

 

Orientation

 

 

performance

 

 

Point items

 

 

Range overflow

 

 

React 15 Components in templates

 

 

React 16 Components in templates

 

 

React Components in templates

 

 

require.js demo

 

 

rolling mode Option

 

 

RTL example

 

 

Select items

 

 

Sequential Selection

 

 

Show current and custom time bars

 

 

Show current and custom time bars tooltip

 

 

Specific Item Selectability

 

 

Stress Performance example

 

 

Subgroup Visibility

 

 

Subgroups

 

 

Templates

 

 

Time zone

 

 

Tooltip on item onUpdateTime Option

 

 

Tooltip Template

 

 

Tooltips

 

 

Update data on event

 

 

Vertical Items Hide

 

 

Vertical Scroll Option

 

 

Visible Groups

 

 

Week styling