Contextual Toolbar

This demo presents a contextual toolbar that provides easy to reach controls for selected graph items.

Similar to the HTML Popup Demo , the toolbar is displayed in the GraphComponent above the graph items and rendered zoom-invariant with a fixed size. It moves alongside the graph items but is limited to the Graph Component container, such that it will be visible at all times.

Things to Try

Select a node, label or edge to show the toolbar for the respective item.
Select multiple items to show the toolbar for all containing types.
Move the viewport when the toolbar is open to see its dynamic positioning.
Zoom in or out to see the zoom-invariant behavior of the toolbar.