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

Images

The Timeline can render an <img /> tag for the first item from the Images collection in its data source. Its src attribute will be set to the value of the src field of the image literal.

The example below shows how you can add an image for the events.

If you want to show more than one image, you need to customize the template of the Timeline.

Razor
    @(Html.Kendo().Timeline<Kendo.Mvc.Examples.Models.TimelineEventModel>()
               .Name("Timeline")
               .DataDateField("EventDate")
               .DataDescriptionField("Description")
               .DataSubTitleField("Subtitle")
               .DataTitleField("Title")
               .DataImagesField("Images")
               .Orientation("vertical")
               .DataSource(dt => dt.Read("GetTimelineData", "Timeline"))
    )

See Also

In this article
See Also
Not finding the help you need?
Contact Support