Layout

Dashboard layout settings control the overall structure of the dashboard, including the size of the canvas, how content adapts to different screen sizes, and how the dashboard is scaled when viewed in preview or at runtime. These properties determine how scenarios are positioned and displayed across different devices and screen resolutions.

All layout-related settings are available at the dashboard level and affect the entire dashboard.

Self-adaptive Font Size

The Self-adaptive Font Size property controls whether text within scenarios automatically scales when the dashboard is resized. When this property is set to True, font sizes adjust proportionally based on the available display space. This helps maintain readability when the dashboard is viewed on screens with different resolutions or when screen fit settings cause the dashboard to scale.

When Self-adaptive Font Size is set to False, font sizes remain fixed, regardless of how the dashboard is resized or scaled.

Canvas Size

The Canvas Size property defines the size of the dashboard design area.

By default, Canvas Size is set to Auto, which allows the canvas to adapt dynamically to the available space in the designer. Alternatively, you can set Canvas Size to Fixed Size to explicitly define the dimensions of the dashboard canvas.

Note: If you set a background image on the dashboard and Canvas Size is set to Auto, the background image will not be visible in the designer and will only appear in the preview. To see the background image in the designer, set Canvas Size to Fixed Size.

Screen

The Screen property becomes available when Canvas Size is set to Fixed Size. This property allows you to choose a predefined canvas size that corresponds to common device resolutions, or to define a custom size.

Available predefined screen sizes include:

• Desktop Screen (1920 × 1080)

• Laptop Screen (1366 × 768)

• Tablet Screen (1024 × 768)

• Phone Screen (414 × 896)

• Large Screen 2 × 3 (5760 × 2160)

• Large Screen 2 × 4 (7680 × 2160)

• Large Screen 3 × 4 (7680 × 3240)

Alternatively, you can select Custom to manually define the canvas dimensions. Whether you choose a predefined screen size or a custom one, you can adjust the Canvas Width and Canvas Height values to fine-tune the layout.

Screen Fit Type

The Screen Fit Type property controls how the dashboard scales to fit the available screen space when viewed in preview or at runtime.

The following options are available:

• Fit to Size

  Scales the dashboard to fit both the width and height of the available screen while maintaining the original aspect ratio.

• Fit to Screen

  Scales the dashboard so that the entire canvas is visible on the screen, potentially adding empty space if the aspect ratio does not match the screen.

• Fit to Width

  Scales the dashboard so that its width matches the screen width. The height may extend beyond the visible area, requiring vertical scrolling.

• Fit to Height

  Scales the dashboard so that its height matches the screen height. The width may extend beyond the visible area, requiring horizontal scrolling.

• No Fit

  Displays the dashboard at its original canvas size without any scaling. Scrollbars appear if the canvas is larger than the screen.