UI for ASP.NET MVC
ASP.NET MVC Timeline
- Visualize a list of chronological events on either the vertical or the horizontal axis. Showcasing your company’s success or history is now easy with the Telerik UI for ASP.NET MVC Timeline control.
- Part of the Telerik UI for ASP.NET MVC library along with 110+ professionally designed UI components.
- Includes support, documentation, demos, virtual classrooms and more!
-
Overview
The new Telerik UI for ASP.NET MVC Timeline control lets you visualize a set of events in a chronological way. The usage of Cards for events rendering provide you with the ability to customize them and visualize the data in a preferable manner.
See the ASP.NET MVC Timeline in action
-
DataBound Component
The Timeline is a databound component, allowing you to consume data from various endpoints, such as odata or webapi.
-
Orientation and Rendering
The Timeline provides two ways of visualization: Horizontal and Vertical. In the Horizontal rendering, you have the possibility to enable scrolling, while the Vertical mode allows you to have collapsible events and provides you with the possibility to render them on both sides of the timeline axis.
-
Actions and Images
The MVC Timeline component can render both image and link tags for its items. The <img> tag is rendered for the first item from the Images collection in its data source, to show more images you must customize the template of the Timeline. -
Event Templates
The Timeline uses Card for its events rendering, which allows you to define templates for them. You can place any buttons, links or whatever is needed in them, in order to render your content in the best possible manner. -
Accessibility
The Telerik UI for ASP.NET MVC Timeline component is compliant with Section 508 and WCAG 2.1 guidelines to ensure your application is accessible to all users.
-
Keyboard Navigation
The Timeline control supports several key bindings for a flawless navigation. You can use Tab/Shift+Tab in vertical mode to navigate between active cards or Space/Enter to expand and collapse a selected card.
