List of Keyboard Shortcuts
This section lists the default keyboard shortcuts supported by yFiles for HTML. Most of these interactions are handled by the main input modes GraphEditorInputMode and GraphViewerInputMode and therefore are only supported if one of these input modes is installed. For details about input modes and the supported interactions see User Interaction and Customizing User Interaction.
The keyboard shortcuts can be changed using Resource Keys. New keyboard shortcuts can be added using the KeyboardInputMode. Also, keyboard shortcuts can be tied to other handlers using the KeyboardInputMode as shown in Keyboard Input.
|
Note
|
Keyboard shortcuts using Ctrl use ⌘ on macOS. |
Graph Editing
| Action | Shortcut | Resource Key | Description |
|---|---|---|---|
Copy |
Ctrl+C / |
CopyKey |
Copies the selected elements to the clipboard. |
Cut |
Ctrl+X / |
CutKey |
Cuts the selected elements, i.e. copies them to the clipboard and deletes the original elements. |
Paste |
Ctrl+V / |
PasteKey |
Pastes the in the clipboard, i.e. copies them from the clipboard into the graph. |
Duplicate |
Ctrl+D |
DuplicateKey |
Duplicates the selected elements without modifying the clipboard. |
Undo |
Ctrl+Z |
UndoKey |
Reverts the last edit. |
Redo |
Ctrl+Y / |
RedoKey |
Restores the edit which has been undone last. |
Delete |
Delete |
DeleteKey |
Deletes the selected items. |
Edit Label |
F2 |
EditLabelKey |
Edits the selected label or the label at the selected label owner. Adds a new one if there is none. |
Add Label |
Shift ⇧+F2 |
AddLabelKey |
Adds a new label to the selected label owner. |
Reverse Edge |
Ctrl+R |
ReverseEdgeKey |
Grouping and Folding
| Action | Shortcut | Resource Key | Description |
|---|---|---|---|
Adjust Group Node Size |
Ctrl+Shift ⇧+G |
AdjustGroupNodeSizeKey |
Adjusts the size of a group node to enclose its child nodes. |
Group Selection |
Ctrl+G |
GroupSelectionKey |
Creates a new group node which contains the selected nodes as child nodes. |
Ungroup Selection |
Ctrl+U |
UngroupSelectionKey |
Removes the selected group node and moves its child nodes into its parent. |
Collapse Group |
Ctrl+← |
CollapseGroupKey |
Collapses the selected group nodes. |
Expand Group |
Ctrl+→ |
ExpandGroupKey |
Expands the selected folder nodes. |
ToggleExpansionState |
Alt+Shift ⇧+← / |
ToggleExpansionStateKey |
Expands the selected folder nodes or collapses the selected group nodes. |
Enter Group |
Alt+↓ |
EnterGroupKey |
Enters the selected group node, i.e. sets the node as local root. |
Exit Group |
Alt+↑ |
ExitGroupKey |
Exits the selected group node, i.e. sets its parent as local root |
Viewport
| Action | Shortcut | Resource Key | Description |
|---|---|---|---|
Zoom Out |
Ctrl+- |
DecreaseZoomKey |
Decreases the canvas zoom. |
Zoom In |
Ctrl++ |
IncreaseZoomKey |
Increases the canvas zoom. |
Zoom 100% |
Ctrl+0 |
ZoomKey |
Zooms to 1:1, i.e. one pixel on the screen is one unit in world coordinates. |
Fit Graph Bounds |
Alt+1 |
FitGraphBoundsKey |
Sizes the view that the current graph fits the canvas. |
Zoom To Selection |
Alt+2 |
ZoomToSelectionKey |
Brings the selection into the middle of the canvas. |
Zoom To Current Item |
Alt+3 |
ZoomToCurrentItemKey |
Brings the current item into the middle of the canvas. |
Scroll Page Down |
Page ↑ |
ScrollPageDownKey |
Scrolls the canvas a down its entire height. |
Scroll Page Up |
Page ↓ |
ScrollPageUpKey |
Scrolls the canvas up its entire height. |
Keyboard Navigation and Selection
| Action | Shortcut | Resource Key | Description |
|---|---|---|---|
Move Selection |
← |
MoveLeftKey |
Selects the next element in the key direction and deselects the other selected items. |
Move Focus |
Ctrl+← / |
MoveLeftFocusKey |
Sets the next element in the key direction as current item. |
Extend Selection |
Shift ⇧+← / |
ExtendSelectionLeftKey |
Adds the element in the key direction to the selected elements. |
Select All |
Ctrl+A |
SelectAllKey |
Selects all nodes and bends. |
Deselect All |
Ctrl+Shift ⇧+A |
DeselectAllKey |
Clears the current selection. |
Toggle Selection |
Ctrl+Space |
ToggleItemSelectionKey |
Deselects the first selected item. If there is none, the current item will be selected. |
Printing
| Action | Shortcut | Resource Key | Description |
|---|---|---|---|
Ctrl+P |
PrintKey |
Prints the current canvas. |
|
Print Preview |
Ctrl+F2 |
PrintPreviewKey |
Opens a print dialog and prints the current canvas. |