Kendo.Mvc.UI.Fluent.TimelineBuilder

Defines the fluent API for configuring the Kendo Timeline for ASP.NET MVC.

Methods

DataSource(System.Action<Kendo.Mvc.UI.Fluent.TimelineReadOnlyDataSourceBuilder>)

Sets the data source configuration of the timeline.

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.TimelineReadOnlyDataSourceBuilder>

The lambda which configures the data source

Example (Razor)

@(Html.Kendo().Timeline<Event>()
    .Name("timeline")
    .DataSource(dataSource =>
        // configure the data source
        dataSource
        .Ajax()
        .Read(read => read.Action("Events_Read", "Home"))
    )
)

Example (ASPX)

<%:Html.Kendo().Timeline<Event>()
    .Name("timeline")
    .DataSource(dataSource =>
        // configure the data source
        dataSource
        .Ajax()
        .Read(read => read.Action("Events_Read", "Home"))
    )
%>

DataSource(System.String)

Sets the ID of the DataSource widget used by the Timeline.

Parameters

dataSourceId System.String

The id of the DataSource

Example (Razor)

@(Html.Kendo().Timeline<Event>()
    .Name("timeline")
    .DataSource("dataSource1")
)
@(Html.Kendo().DataSource<Event>()
    .Name("dataSource1")
    .Ajax(ds=>ds
        .Read(read => read.Action("Events_Read", "Home"))
    )
)

Example (ASPX)

<%:Html.Kendo().Timeline<Event>()
    .Name("timeline")
    .DataSource("dataSource")
%>
<%:Html.Kendo().DataSource<Event>()
    .Name("dataSource1")
    .Ajax(ds=>ds
        .Read(read => read.Action("Events_Read", "Home"))
    )
    >

AutoBind(System.Boolean)

If set to false, the Timeline will not bind to the data source during initialization, i.e. it will not call the fetch method of the dataSource instance. In such scenarios data binding will occur when the change event of the dataSource instance is fired. By default, autoBind is set to true and the widget will bind to the data source specified in the configuration.

Parameters

value System.Boolean

The value that configures the autobind.

AlternatingMode(System.Boolean)

Indicates whether events should be positioned on both sides of the timeline axis. By default all events are displayed on the right side of the timeline axis.

Parameters

value System.Boolean

The value that configures the alternatingmode.

CollapsibleEvents(System.Boolean)

Enables the events in the Kendo UI Timeline to be expandable or collapsible. When enabled initially all events are collapsed.

Parameters

value System.Boolean

The value that configures the collapsibleevents.

DataActionsField(System.String)

Sets the field of the data item that provides the actions information for the event.

Parameters

value System.String

The value that configures the dataactionsfield.

DataDescriptionField(System.String)

Sets the field of the data item that provides the description information for the event.

Parameters

value System.String

The value that configures the datadescriptionfield.

DataDateField(System.String)

Sets the field of the data item that provides information when the given event happened in time.

Parameters

value System.String

The value that configures the datadatefield.

DataImagesField(System.String)

Sets the field of the data item that provides the images information for the event.

Parameters

value System.String

The value that configures the dataimagesfield.

DataSubtitleField(System.String)

Sets the field of the data item that provides the subtitle information for the event.

Parameters

value System.String

The value that configures the datasubtitlefield.

DataTitleField(System.String)

Sets the field of the data item that provides the title information for the event.

Parameters

value System.String

The value that configures the datatitlefield.

EventTemplate(System.String)

Specifies the template used to render the event details.

Parameters

value System.String

The value that configures the eventtemplate.

EventTemplateId(System.String)

Specifies the template used to render the event details.

Parameters

value System.String

The value that configures the eventtemplate.

DateFormat(System.String)

Sets the date format used to display the date in the event's label

Parameters

value System.String

The value that configures the dateformat.

EventHeight(System.Double)

Sets specific height for the event in horizontal mode.

Parameters

value System.Double

The value that configures the eventheight.

EventWidth(System.Double)

Sets specific width for the event in vertical mode.

Parameters

value System.Double

The value that configures the eventwidth.

ShowDateLabels(System.Boolean)

If set to false, the event's date label will be hidden.

Parameters

value System.Boolean

The value that configures the showdatelabels.

Orientation(Kendo.Mvc.UI.TimelineOrientation)

Defines the orientation of the Timeline widget

Parameters

value Kendo.Mvc.UI.TimelineOrientation

The value that configures the orientation.

AlternatingMode

Indicates whether events should be positioned on both sides of the timeline axis. By default all events are displayed on the right side of the timeline axis.

Parameters

value ``

The value for AlternatingMode

CollapsibleEvents

Indicates whether events should be positioned on both sides of the timeline axis. By default all events are displayed on the right side of the timeline axis.

Events(System.Action<Kendo.Mvc.UI.Fluent.TimelineEventBuilder>)

Configures the client-side events.

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.TimelineEventBuilder>

The client events action.

Example (ASPX)

<%= Html.Kendo().Timeline()
    .Name("Timeline")
    .Events(events => events
        .Change("onChange")
    )
%>