Skip to main content

kendoTimeline

Namespace: Wisej.Web.Ext.Kendo

Assembly: Wisej.Web.Ext.Kendo (4.1.0.0)

The Kendo UI Timeline widget displays a collection of events and their data in a chronological succession for each year.

public class kendoTimeline : kendoBase

Constructors​

Instance member kendoTimeline()​

Constructs a new instance of the kendoTimeline class.

Example:

The following example creates a timeline and assigns its events through the Options property.

var timeline = new kendoTimeline();
timeline.Options.dataSource = new
{
data = new[]
{
new { date = new DateTime(2024, 3, 12), title = "Kick-off", description = "The project starts." },
new { date = new DateTime(2025, 1, 20), title = "First release", description = "Version 1.0 is published." }
},
schema = new { model = new { fields = new { date = new { type = "date" } } } }
};
timeline.Dock = DockStyle.Fill;
this.Controls.Add(timeline);

Instance member kendoTimeline(options)​

Constructs a new instance of the kendoTimeline class.

NameTypeDescription
optionsObjectInitial set of options.

Example:

The following example creates a vertical timeline with collapsible events placed alternately on both sides of the axis, bound to an in-memory list of events.

var timeline = new kendoTimeline(new
{
orientation = "vertical",
alternatingMode = true,
collapsibleEvents = true,
dataSource = new
{
data = milestones,
schema = new { model = new { fields = new { date = new { type = "date" } } } }
}
});
timeline.Dock = DockStyle.Fill;
this.Controls.Add(timeline);

Implements​