Live Demo — yFiles in Action
30–45 min | Online | No install requiredFor 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 demoThis demo shows how to configure the TabularLayout to create compact drawings.
The algorithm tries to calculate an arrangement that minimizes edge lengths. Since tabular layout only supports straight-line edges, EdgeRouter is used to calculate the final edge paths.
Selecting the Preserve Aspect Ratio button in the toolbar switches the layout mode to FIXED_SIZE, maintaining a layout aspect ratio similar to that of the GraphComponent. In contrast, deselecting it uses AUTO_SIZE mode for maximum compactness.
In FIXED_SIZE mode, the layout algorithm requires a
LayoutGrid to define the layout's columns and rows. In
AUTO_SIZE mode, a grid is optional, though it can be used to specify spacing
between auto-calculated columns and rows.