chevron_right Demos chevron_right Folding With Layout
Legal Disclosure Privacy Policy
yFiles for HTML chevron_right Demos chevron_right Folding With Layout
Discover More
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.

Pick a time

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

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.

Pick a time

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

Folding With Layout Demo

This demo shows how to automatically trigger a layout that clears or fills the space when opening or closing groups.

Every time a group node is expanded interactively, ClearAreaLayout will push away the other nodes so there is a free area for the expanded node and its (currently visible) children.

Things to Try

Open and close the various group nodes.