Button Input Mode Demo
This demo shows how to use a custom input mode to add temporary buttons to model items.
The buttons can be individually styled and placed and trigger an action on click or drag.
Things to Try
- Hover over nodes, edges, bends or labels to see which buttons are added for them.
- Hover over these buttons to see different hover effects and cursors.
- Click or drag from a button to trigger the action associated with the button.
-
Switch the
button trigger
in the toolbar to change the trigger when buttons should be added to an item.
-
Hover
is the default behavior that displays the buttons for an item when hovering over it.
-
Current item
displays the buttons for the
current item
of the
GraphComponent
.
-
RightClick
displays the buttons on right-clicking a model item.
-
Press the
TAB
key while the
GraphComponent
is focused to set a focus to the first button and cycle through all buttons.
A focused button can be triggered using the
ENTER
or
SPACE
key.
See the sources for details.