TimelineComponent
Represents the Kendo UI Timeline component for Angular.
Definition
Package:@progress/kendo-angular-layout
Selector:kendo-timeline
Export Name:Accessible in templates as #kendoTimelineInstance="kendoTimeline"
Inputs
alterMode
boolean
Specifies whether to render events alternatingly on both sides of the axis.
Applicable when orientation is set to vertical.
false
animation
number | boolean
Specifies the time for sliding to the next event in horizontal mode and the time for collapsing the event in vertical mode.
The default animation duration values are 300ms for horizontal mode and 400ms for vertical mode.
true
collapsibleEvents
boolean
Specifies whether the event cards can be collapsed.
true
dateFormat
string
Specifies the date format for displaying the event date.
'MMMM dd, yyyy'
eventHeight
number
Sets a specific height for the event.
This setting is supported only in horizontal mode.
600
events
any[]
An array of event instances which will be shown by the Timeline.
Specifies the order of the Timeline events.
asc - chronological order
desc - reverse-chronological order
'asc'
eventWidth
number
Sets a specific width for the event.
This setting is supported only in vertical mode.
400
The names of the model fields from which the Timeline will read its data.
navigable
boolean
Specifies whether the user can use dedicated shortcuts to interact with the Timeline.
true
Specifies the orientation of the axis.
'vertical'
showDateLabels
boolean
Specifies whether an event's date label will be visible.
true
Events
onActionClick
EventEmitter<number>
Fires when a card's action is clicked.
Fires when the left or right arrow is clicked.
This event is supported only in horizontal mode.
onToggle
EventEmitter<number>
Fires when a card is toggled.
This event is supported only in vertical mode.
Methods
Collapses an event.
This method is supported only in vertical mode.
Expands an event.
This method is supported only in vertical mode.
Switches to the next portion of events.
This method is supported only in horizontal mode.
Open event details.
This method is supported only in horizontal mode.
Switches to the previous portion of events.
This method is supported only in horizontal mode.