Event Types

Input Mode Events

GraphComponent Events

Graph Events

Description

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.
Legal Disclosure | Privacy Policy | View on GitHub

Drag And Drop Panel

Event Log