New to Telerik UI for ASP.NET MVC? Start 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"))
)