Edit Mode
Start here

Event Types

### Input Mode Events

- Viewer/Editor Events
- Navigation Events
- Click Events
- Tap Events
- Move Events
- Move Viewport Events
- Handle Move Events
- Mouse Hover Events
- Text Editor Events
- Context Menu Events
- Create Bend Events
- Create Edge Events
- Item Hover Events
- Move Label Events
- Drag and Drop Events

### GraphComponent Events

- Clipboard Events
- Mouse Events
- Touch Events
- Key Events
- Selection Events
- Viewport Events
- Render Events
- Other Events

### Graph Events

- Node Events
- Edge Events
- Label Events
- Port Events
- Bend Events
- Hierarchy Events
- Folding Events
- Graph Render Events

# Events Demo

This demo shows the multitude of events provided by the classes IGraph and GraphComponent and the Input Modes.

The events are logged to the Event Log panel. Logging can be switched on and off for each kind of events in the respective panel.

When looking for an event that fits your needs, you should generally start looking at the top of the list above and work your way down. In most cases, it is preferable to use events of a particular input mode instead of subscribing to the low-level graph events (which should be reserved for rare, exceptional cases where the layers above won't suffice).

## Things to Try

- Toggle the various event log options to see different kinds of events.
- Create, delete, move, resize and edit graph items.
- Drag and drop nodes, labels or ports from the palette.
- Move the whole graph within the viewport by dragging the mouse (Ctrl-Drag in Edit Mode).
- Select and deselect graph items.
- Expand, collapse, enter and exit group nodes.
- Toggle the input mode using the "Edit Mode" checkbox.

## Drag And Drop Panel

## Event Log

Group identical events