Blazor File Manager Example - Keyboard Navigation

File Manager / Keyboard Navigation

In the demonstrated example, the Blazor File Manager component's operations are made more accessible through the use of keyboard shortcuts, allowing for easy interaction with various key combinations and the functions of the File Manager.

Loading Syncfusion Blazor Server Demos…

The following list presents the applicable key combinations and their corresponding functionalities.

  • Focus
    • Alt + J - Focuses on the first component of the sample.
  • Supported keys and user actions
    • F5 - Refresh the component.
    • F2 - Renames the selected item.
    • Space - Selects the focused item.
    • Home - Selects the first item in the component.
    • End - Selects the last item in the component.
    • Enter - Opens the selected item.
    • Del or Shift + Del - Deletes the selected item.
    • Alt + N - Creates a new folder.
    • Ctrl + A - Selects all the items.
    • Ctrl + D - Downloads the selected item.
    • Ctrl + X - Cuts the selected item.
    • Ctrl + C - Copies the selected item.
    • Ctrl + V - Pastes the copied items in the current path.
    • Ctrl + U - Opens the file open window to upload an item.
    • Alt + Enter - Provides the details of the selected items.
    • Ctrl + Home - Moves the focus to the first item.
    • Ctrl + End - Moves the focus to the last item.
    • Ctrl + Shift + 1 - Changes the view to display the items in Details view.
    • Ctrl + Shift + 2 - Changes the view to display the items in LargeIcons view.
    • Shift + Home or Ctrl + Shift + Home - Selects the files in between the last selected file and the first file in the component.
    • Shift + End or Ctrl + Shift + End - Selects the files in between the last selected file and the first file in the component.
    • Ctrl + Shift + Space or Shift + Space - Selects the currently focused item and items in between the currently focused item and last selected item.
  • Large Icons view
    • Arrow keys - Selects the item in the corresponding direction.
    • Ctrl + Arrow keys - Moves the focus to the item in the corresponding direction.
    • Shift + Arrow keys or Ctrl + Shift + Arrow keys - Selects the next item in the corresponding direction.
  • Details view
    • Up arrow or Down arrow - Selects the file in the corresponding direction.
    • Ctrl + Up arrow or Ctrl + Down arrow - Moves the focus to the next file in the corresponding direction.
    • Shift + Up arrow or Shift + Down arrow - Selects the next file in the corresponding direction.
Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE