background

Kendo UI for jQuery

jQuery TimeLine

  • Use the jQuery Timeline component to display a list of events as rich text items in chronological order on either the vertical or the horizontal axis.
  • Part of the Kendo UI for jQuery library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
TimeLine
  • Overview

    The Kendo UI for jQuery Timeline displays a list of events as rich text items in chronological order on either the vertical or the horizontal axis. This is commonly used to portray company history or a visualization of milestones.

    See the jQuery Timeline demo

    vertical-timeline
  • Orientation

    Choose to render your timeline in vertical or horizontal mode. Each has its benefits. In Horizontal Mode, you can enable or disable scrolling. In Vertical Mode, you can make events collapsible.

    See the jQuery Timeline Horizontal Mode demo

    horizontal-timeline
  • Templates

    Each event in the jQuery Timeline is rendered through the Card component. This means you can define templates for them. Place any images, buttons, links or whatever is needed to best describe the event.

    See the jQuery Timeline Templates demo

  • Keyboard Navigation

    Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate and interact with items.  

    See the jQuery Timeline Keyboard Navigation demo

    Keyboard Navigation

All Kendo UI for jQuery Components

Next Steps

Next Steps