Change Theme

SASS Themes

LESS Themes

SASS Theme Builder

Create new or customize SASS themes

Launch Theme Builder

DropDownTree / Keyboard navigation

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

ASP.NET Core source

Also available for:

keyboard_navigation.cshtml

Support & learning resources

DropDownTree for other technologies