New to Telerik UI for ASP.NET Core? Download free 30-day trial

Keyboard navigation

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • EDIT IN TELERIK REPL
  • Change Theme
    default

    Themes & Swatches

    SASS
    LESS
    Launch Theme Builder
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Main Dark
    • Nordic
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Nova
    Classic Theme
    • Main
    • Main Dark
    • Opal
    • Silver
keyboard_navigation.cshtml

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Focus

  • Alt + W focuses the widget

Closed popup:

  • Left arrow highlights previous selected item
  • Right arrow highlights next selected item
  • Home highlights first selected item
  • End highlights last selected item
  • Delete deletes highlighted item
  • Backspace deletes the highlighted item or the last item
  • Alt + Down arrow opens the popup
  • Esc clears all items

Opened popup:

  • Up arrow highlights previous item
  • Down arrow highlights next item
  • Home highlights first item in the popup
  • End highlights last item in the popup
  • Esc closes the popup
  • Alt + Up arrow closes the popup

Navigate inside treeview

  • Up arrow highlights previous item
  • Left arrow collapses the item
  • Down arrow highlights next item
  • Right arrow expands the item
  • Home highlights first item in the list
  • End highlights last item in the list
  • Enter selects highlighted item when there are no checkboxes
  • Space checks highlighted item when there are checkboxes

Description

The DropDownTree UI component comes with out-of-the-box keyboard navigation for effortless navigation across the component.

Support & Learning Resources