New to Kendo UI for Vue? Start a free 30-day trial

TimelineViewProps

Represents the properties of the Kendo UI for Vue TimelineView Component.

NameTypeDefaultDescription

columnWidth?

number

The width of a single time slot in pixels. Default is 100px.

currentTimeMarker?

boolean

If set to false the "current time" marker of the scheduler would not be displayed.

dateHeaderCell?

any

Represents component based on the DateHeaderCellProps.

dateRange?

DateRange | (args: SchedulerViewDateRangeArgs) => DateRange

Overrides the dateRange calculated by the Scheduler component.

If a function is passed, an object of type SchedulerViewDateRangeArgs will be passed.

defaultShowWorkHours?

boolean

Sets the initial business-hour mode. Default true.

This option applies only the initial showWorkHours state.

dragItem?

any

Overrides the dragItem prop of the Scheduler for the specified view only.

editable?

boolean | EditableProp

Overrides the general editable prop of the Scheduler for the specified view only.

editItem?

any

Overrides the editableItem prop of the Scheduler for the specified view only.

editSlot?

any

Overrides the editSlot prop of the Scheduler for the specified view only.

endTime?

string

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

form?

any

id?

string

Sets a custom id to the wrapping element of the TimelineView.

item?

any

Overrides the item prop of the Scheduler for the specified view only.

name?

string

The name property is used by the Scheduler to match which view is selected. Every view has a default name.

numberOfDays?

number

Specifies the number of days that the view will render. Defaults to 1.

resizeHint?

any

Overrides the resizeHint of the event.

resizeItem?

any

Overrides the resizeItem prop of the Scheduler for the specified view only.

selectedDateFormat?

string

The long-date format for displaying the selected date in the Scheduler toolbar. Defaults to {0:D} - {1:D} (more information)

selectedShortDateFormat?

string

The short-date format for displaying the selected date in the Scheduler toolbar. Defaults to {0:d} - {1-d} (more information)

showWorkHours?

boolean

If set to true, the view will be shown in the business-hours mode only.

This will always override the internal showWorkHours state.

slotDivisions?

number

The number of divisions of the time slots.

slotDuration?

number

The duration (in minutes) of the time slots.

slotRender?

any

Overrides the slotRender prop of the Scheduler for the specified view only.

startTime?

string

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

step?

number

The number of steps (in days) to change, when using the back and forwards buttons in the toolbar navigation. The default value is 1 days.

timeHeaderCell?

any

Represents component based on the TimeHeaderCellProps.

title?

string | (localization: LocalizationService) => string

The title to be displayed in the view selection list in the Toolbar. If a function is passed, it will receive a [LocalizationService]({ slug api_intl_localizationservice }) as an argument

viewItem?

any

Overrides the viewItem prop of the Scheduler for the specified view only.

viewSlot?

any

Overrides the viewSlot prop of the Scheduler for the specified view only.

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.

Methods

onDataaction

Called every time any of the SchedulerView Slots or Items trigger a data action, through editing, deleting or creating new DataItem.

Parameters

action

DataAction