chevron_right Demos chevron_right Folding
Related demos
Book a live Demo

See yFiles in action

30 min • Online • No install required


For developers, PMs & tech leads

  • Quick-start walkthrough + a real integration example
  • Live Q&A with next-step recommendations

Prefer another tool over Zoom? Just say so when you book.

Opens our scheduling page with Zoom's booking widget embedded. Using it shares your data with Zoom under its Privacy Policy.

Folding With Merged Edges Demo Folding With Layout Demo Filtering With Folding Demo Hierarchical Nesting Demo Hierarchical Nesting (Incremental) Demo
Demos Overview

See yFiles in action

30 min • Online • No install required


For developers, PMs & tech leads

Prefer another tool over Zoom? Just say so when you book.

Opens our scheduling page with Zoom's booking widget embedded. Using it shares your data with Zoom under its Privacy Policy.

Folding

This demo shows how to enable collapsing and expanding of group nodes, the so-called Folding feature. This is provided through the FoldingManager class and its support classes.

The GraphEditorInputMode class provides the following interactive gestures for collapsing and expanding groups:

The autoGroupNodeAlignmentPolicy property specifies whether and which point of a group node remains fixed during expand/collapse actions. Use the toggle button in the toolbar to enable or disable it.

Demos

Documentation