• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
New to Kendo UI for Angular? Start a free 30-day trial

Keyboard Navigation

By default, the keyboard navigation of the Kendo UI Timeline is enabled. To disable the keyboard navigation, set the navigable property to false.

Managing Focus

The vertical Timeline supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
TabMoves focus to the next card.
Shift + TabMoves focus to the previous card in vertical mode.
Enter/SpaceToggles the focused card if collapsibleEvents is set to true.

The horizontal Timeline supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
TabMoves focus from the track to the card.
Shift + TabMoves focus from the card to the track.
Right ArrowMoves focus to the next card.
Left ArrowMoves focus to the previous card.
HomeMoves focus to the first card.
EndMoves focus to the last card.

The following example demonstrates the available Timeline keyboard navigation shortcuts in action.

Example
View Source
Change Theme:

In this article

Not finding the help you need?