chevron_right Demos chevron_right Viewport Limiter
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.

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.

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

Viewport Limiter Settings

Limiting Policy

Viewport Content Margins

Configures the margins of the viewport in the view coordinate system around the content bounds.

Minimum Viewport Content Ratio

Configures the percentage of the width and height of the viewport that should be reserved at least when Viewport Content Margins are defined.

Viewport Limiter

The ViewportLimiter limits the interactive movement of the viewport. This helps to navigate the canvas without losing the content.

The effective viewport limiter area, or bounds, are calculated from the viewportContentMargins and the minimumViewportContentRatio properties.

Things to Try

Policy Description

Strict Bounds Containment

If enabled, the viewport only shows elements inside the bounds of the ViewportLimiter. No area outside the bounds should ever be visible.

If disabled, it is possible to see parts outside the bounds, but the limiter tries to minimize the amount of possible space outside.

See the sources for details.