Live Demo — yFiles in Action
30–45 min | Online | No install requiredFor Developers, Product Mangers & Executives
30–45 minutes | 1:1 or team session | Online (Zoom / Teams)
No install required | We show live code
Book a free live demoThis demo shows how to enable tooltips and popovers for graph items, how to customize them using CSS styling, and how to configure different tooltip and popover behaviors.
Try different tooltip behaviors below on the toolbar's dropdown. The options are:
Tooltips with the default behavior for nodes and edges.
Tooltips with a volatile behavior for nodes and edges. This configures the old (yFiles for HTML <3.1) default tooltip behavior.
Tooltips always appear centered below the node.
Tooltips appear centered at the bottom of the viewport.
Tooltips follow the pointer when moving on the same item.
Clicking a node opens an exclusive, light-dismissable popover while still showing tooltips for other items.
Clicking a node opens a static popover while still showing tooltips for other items. Multiple popovers may be opened at the same time.