Designers will create dashboards using a fixed canvas layout to ensure consistency in layout across all design phases. Designers can set the Canvas width within which all elements will be placed.
Configure the following canvas width settings for the dashboard.
Set the Canvas width in pixels. The maximum canvas width can extend up to 8000 pixels, suitable for 4K displays.
Select the Resize cards when canvas width changes checkbox to automatically adjust card sizes based on Canvas width changes.
Choose the default Canvas Layout for viewing purposes.
...
Viewing Dashboard in different layouts
Prior to Kyvos 2024.2, viewers were confined to the dashboard layout set by the designer, without any option to modify it.
...
Show Actual Size: This displays the dashboard in its actual design size.
Full Fit to Width (Flexible Layout): This adjusts scales the dashboard with its elements to fit width-wise based on its current dimensionsthe current screen width. While scaling fit to width, the dashboard height and its content will not scale.
Scale to Width: This shrinks scales the dashboard with its elements to fit width-wise according to its the current screen width. While scaling to width, the dashboard height and its content will scale accordingly.
Scale to Height: This shrinks scales the dashboard with its elements to fit height-wise based on its current heightaccording to the current screen height. While scaling to height, the dashboard width and its content will scale accordingly.
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
Important The Floating layout has been deprecated and is no longer supported from the Kyvos 2024.2 release onwards. |
Now, designers will create dashboards using a fixed canvas layout to ensure consistency in layout across all design phases. Designers must set the Canvas width within which all elements will be placed.
To design a dashboard, designers must configure the following Dashboard properties:
...
Set the Canvas width: The maximum canvas width can extend up to 8000 pixels, suitable for 4K displays.
...
Select the Resize cards when canvas width changes checkbox to automatically adjust card sizes based on Canvas width changes.
...