Canvas pan and zoom improvements
Canvas pan and zoom improvements
Overview
The canvas visualization editor now offers a completely re-engineered pan and zoom experience.
You can now place elements anywhere—even beyond panel edges—without disrupting connections or layouts. Background images stay consistent, connection anchors rotate with elements, and an optional Zoom to content toggle automatically fits your canvas content to any view. Constraints remain intact thanks to a transparent root container, ensuring layout behavior stays reliable across pan and zoom operations.
Constraint system support
The improved pan and zoom works seamlessly with canvas’ constraint system. An invisible root container ensures all elements maintain their relative positions and constraints, even during heavy navigation or scaling.
Stable connections
Connection anchors stay exactly where you placed them, even during rotation or resizing. This prevents misalignment and ensures your diagrams remain structurally accurate.
Zoom-to-content toggle
With one click, you can fit your entire dashboard into view. This is especially helpful when switching between large screens and smaller devices, ensuring all elements are visible without manual panning or resizing.
To try out this feature, enable the canvasPanelPanZoom feature toggle.
