Supported User Interactions Graph I/O and Printing

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 Customizing Keyboard Input.

Keyboard shortcuts using Ctrl use ⌘ on macOS.

Graph Editing

Action	Shortcut	Resource Key	Description
Copy	`Ctrl`+`C` / `Ctrl`+`Insert`	CopyKey	Copies the selected elements to the clipboard.
Cut	`Ctrl`+`X` / `Shift ⇧`+`Delete`	CutKey	Cuts the selected elements, i.e. copies them to the clipboard and deletes the original elements.
Paste	`Ctrl`+`V` / `Shift ⇧`+`Insert`	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` / `Ctrl`+`Shift ⇧`+`Z`	RedoKey	Restores the edit which has been undone last.
Delete	`Delete`	DeleteKey	Deletes the selected items.
Edit Label	`F2Enter ↵`	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	swaps start and end port of an edge.

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 ⇧`+`←` / `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`+`0Alt`+`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 MoveRightKey MoveUpKey MoveDownKey	Selects the next element in the key direction and deselects the other selected items.
Move Focus	`Ctrl`+`←` / `Ctrl`+`→` / `Ctrl`+`↑` / `Ctrl`+`↓`	MoveLeftFocusKey MoveFocusRightKey MoveFocusUpKey MoveFocusDownKey	Sets the next element in the key direction as current item.
Extend Selection	`Shift ⇧`+`←` / `Shift ⇧`+`→` / `Shift ⇧`+`↑` / `Shift ⇧`+`↓`	ExtendSelectionLeftKey ExtendSelectionRightKey ExtendSelectionUpKey ExtendSelectionDownKey	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
Print	`Ctrl`+`P`	PrintKey	Prints the current canvas.
Print Preview	`Ctrl`+`F2`	PrintPreviewKey	Opens a print dialog and prints the current canvas.

Supported User Interactions Graph I/O and Printing