jQuery Diagram - Keyboard Support
A user can press the following keys to interact with the UI component:
| Key | Action |
|---|---|
| Ctrl + X / Shift + Delete | Cuts the selected elements. |
| Ctrl + C / Ctrl + Insert | Copies the selected elements to the clipboard. |
| Ctrl + V / Shift + Insert | Pastes the contents of the clipboard. |
| Ctrl + A | Selects all elements on the diagram page. |
| Delete / Backspace | Deletes the selected elements. |
| Ctrl + Z | Undoes the last action. |
| Ctrl + Y | Redoes the last undone action. |
| Ctrl + B | Applies bold formatting to the text of the selected elements. |
| Ctrl + I | Applies italic formatting to the text of the selected elements. |
| Ctrl + U | Underlines the text of the selected elements. |
| Ctrl + Enter | Finishes shape/connector text editing. |
| ← / → / ↑ / ↓ | Moves the selected elements one grid cell in the specified direction. |
| Ctrl + ← / → / ↑ / ↓ | Moves the selected elements one pixel in the specified direction. |
| Alt + ← / → / ↑ / ↓ | Clones the selected elements. |
| Left Mouse Button Drag | Moves the selected elements. If you realize the mouse button above a container, places the elements inside this container. |
| Ctrl + Left Mouse Button Drag | Moves the selected elements. If you realize the mouse button above a container, places the elements outside this container. |
| Shift + Left Mouse Button Drag | Moves the selected elements horizontally or vertically. If you realize the mouse button above a container, places the elements outside this container. |
| Ctrl + Mouse Wheel | Zooms into or out of a diagram page. |
| Space + Left Mouse Button | Pans a diagram page if the Diagram UI component is focused. |
| F11 | Switches to full screen. |
Refer to the following section for more information: Work with Chart Elements.
Feedback