New to Telerik UI for ASP.NET MVC? Start a free 30-day trial

Kendo UI Timeline component

Definition

Constructors

Initializes a new instance of the Timeline class.

C#
public Timeline(ViewContext viewContext, IJavaScriptInitializer initializer, IUrlGenerator urlGenerator)
Parameters:viewContextViewContext

The view context

initializerIJavaScriptInitializer

The JavaScriptInitializer

urlGeneratorIUrlGenerator

The URL generator.

Fields

The URL generator.

C#
public IUrlGenerator urlGenerator

Properties

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.

C#
public bool? AlternatingMode { get; set; }

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.

C#
public bool? AutoBind { get; set; }

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

C#
public bool? CollapsibleEvents { get; set; }

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

C#
public string DataActionsField { get; set; }

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

C#
public string DataDateField { get; set; }

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

C#
public string DataDescriptionField { get; set; }

Sets the field of the data item that provides the value for the alt attribute of the images.

C#
public string DataImagesAltField { get; set; }

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

C#
public string DataImagesField { get; set; }
C#
public DataSource DataSource { get; }
C#
public string DataSourceId { get; set; }

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

C#
public string DataSubtitleField { get; set; }

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

C#
public string DataTitleField { get; set; }

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

C#
public string DateFormat { get; set; }

Sets specific height for the event in horizontal mode.

C#
public double? EventHeight { get; set; }

Specifies the template used to render the event details.

C#
public string EventTemplate { get; set; }

The handler for the EventTemplate

C#
public string EventTemplateHandler { get; set; }

The id for the EventTemplate

C#
public string EventTemplateId { get; set; }

Sets specific width for the event in vertical mode.

C#
public double? EventWidth { get; set; }

If set to true, will enable the keyboard navigation for the component.

C#
public bool? Navigatable { get; set; }

Defines the orientation of the Timeline widget

C#
public TimelineOrientation? Orientation { get; set; }

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

C#
public bool? ShowDateLabels { get; set; }

Methods

C#
public override IDictionary<string, object> Serialize()
Returns:

IDictionary<string, object>

Overrides: WidgetBase.Serialize()

Writes the HTML.

C#
protected override void WriteHtml(HtmlTextWriter writer)
Parameters:writerHtmlTextWriter

The HtmlTextWriter.

Overrides: WidgetBase.WriteHtml(HtmlTextWriter)

Writes the initialization script.

C#
public override void WriteInitializationScript(TextWriter writer)
Parameters:writerTextWriter

The TextWriter.

Overrides: WidgetBase.WriteInitializationScript(TextWriter)