New to Kendo UI for AngularStart a free 30-day trial

TimelineViewComponent

The component for rendering the Timeline view.

Selector

kendo-scheduler-timeline-view

Inputs

NameTypeDefaultDescription

columnWidth

number

Specifies the columns width.

currentTimeMarker

boolean | CurrentTimeSettings

Specifies the settings for the current time marker of the Scheduler.

endTime

string

The end time of the view. The Scheduler displays events which end before the end time. Accepts string values in the HH:mm format.

eventClass

(args: EventStyleArgs) => any

Defines a function that is executed for every event in the view. The function returns a value which is supported by ngClass.

eventHeight

number

The height of the events.

eventStyles

(args: EventStyleArgs) => any

Defines a function that is executed for every event in the view. The function returns a value which is supported by ngStyle.

highlightOngoingEvents

boolean | OngoingEventsSettings

Specifies the settings for the ongoing events highlight of the Scheduler.

numberOfDays

number

1

Specifies the number of days that the view will render.

Normalized to 1 if the provided value is <= 0.

scrollTime

string

The time to which the view will initially be scrolled. Accepts string values in the HH:mm format or a JavaScript Date.

selectedDateFormat

string

'{0:D}'

The long-date format for displaying the selected date in the Scheduler toolbar. (more information).

Note: If numberOfDays > 1, the default format value shows a range - '{0:D} - {1:D}', where 0 is the start and 1 is the end date.

selectedShortDateFormat

string

'{0:d}'

The short-date format for displaying the selected date in the Scheduler toolbar. (more information).

Note: If numberOfDays > 1, the default format value shows a range - '{0:d} - {1:d}', where 0 is the start and 1 is the end date.

showFooter

boolean

Specifies whether to display the footer of the Scheduler.

showToolbar

boolean

Specifies whether to display the toolbar of the Scheduler.

showWorkHours

boolean

false

If set to true, the view will be initially shown in the business-hours mode. By default, the view is displayed in the full-day mode.

slotClass

(args: SlotClassArgs) => any

Defines a function that is executed for every slot in the view. The function returns a value which is supported by ngClass see example.

slotDivisions

number

The number of divisions of the time slots.

slotDuration

number

The duration (in minutes) of the time slots.

startTime

string

The start time of the view. The Scheduler displays events which start after the start time. Accepts string values in the HH:mm format.

workDayEnd

string

The end time of the view when showWorkHours is set to true. Accepts string values in the HH:mm format.

workDayStart

string

The start time of the view when showWorkHours is set to true. Accepts string values in the HH:mm format.

workWeekEnd

Day

The end of the work week.

workWeekStart

Day

The start of the work week.

Fields

NameTypeDefaultDescription

name

string

'timeline'

The invariant name for this view.

In this article
SelectorInputsFields
Not finding the help you need?
Contact Support