New to Telerik UI for ASP.NET AJAXStart a free 30-day trial

Server-side Programming Overview

You can configure the settings of RadTimeline and create its elements in the code-behind via the Server-Side API of the control.

RadTimeline Server-side Events

Below you can see a list of the server-side events available in the RadTimeline:

RadTimeline Public Properties and Methods

For a list with the server-side properties and methods of the control, see the Server-Side API of the RadTimeline class. You can also find it in the intellisense in Visual Studio.

Create RadTimeline Dynamically

In this sample you will see how to create a collection of TimelineItem objects in RadTimeline. The TimelineItem exposes Title, Subtitle, Date and Description properties and gives ability to define separate TimelineItemImage and TimelineItemAction objects specific for each item.

Example 1: Create RadTimeline items dynamically on the server-side

C#
protected void Page_Load(object sender, EventArgs e)
{
    RadTimeline timeline = new RadTimeline();
        
    for (int i = 0; i < 4; i++)
    {
        var timelineEvent = new TimelineItem()
        {
            Title = "Title #" + (i + 1),
            Subtitle = "my subtitle",
            Date = DateTime.Now.AddDays(i),
            Description = "event description here",
        };
        timelineEvent.Images.Add(new TimelineItemImage() { Src = "https://via.placeholder.com/64" });

        timelineEvent.Actions.Add(new TimelineItemAction() { Text = "text", Url = "https://via.placeholder.com/64" });
        timeline.Items.Add(timelineEvent);
        Page.Form.Controls.Add(timeline);
    }
}