Example of Keyboard Interaction in ASP.NET Core Diagram Control
This sample illustrates interaction with diagram control using shortcut keys. Command Manager support is used to manage keyboard interactions.
Built-In Commands
Command |
Gesture |
| Select All | Ctrl + A |
| Cut | Ctrl + X |
| Copy | Ctrl + C |
| Paste | Ctrl + V |
| Undo | Ctrl + Z |
| Redo | Ctrl + Y |
| Delete | Delete |
Custom Commands
Command |
Gesture |
| Group | Ctrl + G |
| Ungroup | Ctrl + U |
Modified Commands
Command |
Gesture |
| Navigate to Parent Node | Up Arrow |
| Navigate to Child Node | Down Arrow |
| Navigate to Previous Child | Left Arrow |
| Navigate to Next Child | Right Arrow |
In this example, you can see how to interact with the diagram control using shortcut keys.
You can use the commandManager property to map the commands with key gestures.
In this example, along with the built-in commands, few custom commands are added. Few built-in commands(nudge) are overridden.
That is, when the arrow keys are pressed, selection will be navigated instead of moving the selected objects.
The different kind of interactions and the corresponding key gestures are listed in the property panel.