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

ASP.NET Core Spreadsheet Keyboard Navigation

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Telerik REPL
HtmlHelper
TagHelper
Files:
keyboard_navigation.cshtml
Keyboard_NavigationController.cs
Keyboard_Navigation_TagHelper.cshtml

Also available for:

CLIENT-SIDE API HTML HELPER API

Actions applied on the content of the Spreadsheet

  • Ctrl + C Copies the selected cells
  • Ctrl + V Inserts copied or cut cells to a selecter location within the worksheet
  • Ctrl + X Cuts the selected cells
  • Ctrl + Y Repeats the last action if possible by using the Redo command
  • Ctrl + Z Reverses the last action if possible by using the Undo command
  • Delete - In the Formula bar, deletes the character to the right of the insertion point from the formula text
    - In cell selection mode, removes the content from selected cells without affecting cell formats
    - In cell editing mode, it deletes the character to the right of the insertion point
  • Backspace - In the Formula bar, deletes one character to the left from the formula text
    - In cell selection mode, removes the content of the active cell
    - In cell editing mode, it deletes the character to the left of the insertion point

Actions applied on element selection

  • Ctrl + select a cell Selects an adjacent or non adjacent cell
  • Ctrl + select cells Selects a range of adjacent or nonadjacanet
  • Ctrl + A Selects the whole worksheet
  • Ctrl + select a row or column Selects an adjacent or nonadjacent row or column
  • Ctrl + select rows or columns Selects a range of adjacent or nonadjacent rows or columns
  • Shift + Arrow Key Selects a range of adjacent cells, rows or columns by extending the selection by one cell, row or column
  • Ctrl + Shift + Arrow Key Extends the selection of cells to the last cell of the current series of data. If there is another set of data afterwards, the cell selection will be extended to the first cell of the new series of data. Otherwise, the cell selection will be extended to the last cell of the worksheet
    in the corresponding direction
  • Down / Up Arrow - In a menu or submenu, selects the next or previous command
    - In a dialog box, the arrow keys move between options in an active drop-down list, or between options in a group of options
  • Ctrl + Shift + End - In cell selection mode, extends the selection of cells to the last cell on the worksheet located in bottom-right corner
    - In the formula bar, selects all text in the formula bar from the cursor position to the end
  • Ctrl + Shift + Home Extends the selection of cells to the beginning (the top-left cell) of the worksheet

Actions Applied for navigation within the Spreadsheet

  • Ctrl + Arrow Key Navigates to the end of the current series of data. If there is another set of data afterwards, the first cell of the new series will be selected. Otherwise, you will be navigated to the last cell of the worksheet in the corresponding direction.
  • Arrow Keys Move one cell up, down, right of left in the worksheet
  • Shift + Tab - In cell selection mode, moves to the previous cell in a worksheet. If the currently active cell is the first cell (the top-left cell) in the Sheet, pressing Shift + Tab will move the
    focus outside of the Sheet to the Named ranges ComboBox on the Spreadsheet Toolbar.
    - In a dialog box, moves to the previous option or option group
    - In range selection of cells, rows or columns, moves to the previous cell within the active range. If the focus is on the first cell (the top-left cell) in the range (the top-left), the focus will return to the last (the bottom-left) cell in the range
  • Tab - In cell selection mode, moves one cell to the right in a worksheet. If the currently active cell is the last cell (the bottom-right cell) in the Sheet, pressing Tab will move the focus outside of the Spreadsheet to the next focusable element on the page.
    - In a dialog box, moves to the next option or option group in a dialog box
    - In range selection of cells, rows or columns, moves to the next cell within the active range. If the focus is on the last cell (the bottom-right cell) in the range, the focus will return to the first cell
  • Page Down Moves one screen down in a worksheet
  • Page Up Moves one screen up in a worksheet
  • Home - In cell selection mode, moves to the beginning of a row in a worksheet
    - In a menu or submenu, selects the first command
  • Ctrl + Home - In cell selection mode, moves to the first cell (the top-left cell) on a worksheet
    - In the Formula Bar, Ctrl + Home moves the cursor to the beginning of the text
  • End - In cell selection mode, moves to the far right cell of the active row
    - In a menu or submenu, selects the last command
  • Ctrl + End - In cell selection mode, moves to the last cell on a worksheet, in the lowest used row of the used column on the bottom-right
    - In the Formula Bar, Ctrl + End moves the cursor to the end of the text

Other actions

  • Alt + Spacebar Displays the Control menu for the Spreadsheet window
  • Spacebar In a dialog box, performs the action for the selected button, or selects or clears a check box
  • Enter - In cell editing mode or in the formula bar, completes a cell entry and selects the cell below
    - In a data form, it moves to the first field in the next record
    - In the command toolbar, opens a selected menu or performs the action for a selected command
    - In a dialog box, it performs the action for the default command button in the dialog box
  • Esc - In cell editing mode or in the Formula bar, cancels an entry in the cell or Formula Bar
    - Closes an open menu or submenu, dialog box or message window
  • Ctrl + P Displays the Print dialog box
  • Ctrl + S Saves the active spreadsheet file

Additional Apps

This Spreadsheet example is part of unique collection of hundreds of ASP.NET Core demos, with which you can see all Telerik ASP.NET Core components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for ASP.NET Core or ThemeBuilder.

Support & Learning Resources

Additional Resources