chevron_right Demos chevron_right Viewport Limiter
Related demos
Book a live Demo

Live Demo — yFiles in Action

30–45 min | Online | No install required

For Developers, Product Mangers & Executives

  • Interactive graph visualization in real time
  • Integration example
  • Live Q&A and next step recommendations

30–45 minutes | 1:1 or team session | Online (Zoom / Teams)

No install required | We show live code

Book a free live demo

Live Demo — yFiles in Action

30–45 min | Online | No install required

For 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 demo

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.