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!
Telerik UI for ASP.NET MVC Suite
  • 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
    Vertical Timeline
  • DataBound Component

    The Timeline is a databound component, allowing you to consume data from various endpoints, such as odata or webapi. 
    Telerik UI for ASP.NET Core Data Binding
  • 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. 


    Horizontal Timeline
  • 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. 
    Telerik UI for ASP.NET MVC Accessibility
  • 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. 
    Telerik UI for ASP.NET Core Keyboard navigation

All ASP.NET MVC Components

Next Steps