Canvas Properties

The Canvas Properties helps users to configure properties for the entire dashboard.

Canvas Properties let you configure settings that apply to the entire dashboard. Use them to control background, border, fonts/themes, size & scaling, language mapping, cache, and report bursting.

Open Canvas Properties

  1. Navigate to the Designer canvas.

  2. Right-click anywhere on the canvas → select Properties.

  3. The Dashboard Properties menu appears with the options below.

Gradient

Configure a gradient background for the dashboard.

Fields

  • Background Colors – Opens the color selector to choose gradient colors.

  • Opacity – Sets background color opacity.

  • Background Rotation – Sets the rotation angle of the gradient.

How to set

  1. Click Background Colors.

  2. Pick gradient colors from the palette → Save.

  3. Adjust Opacity and Background Rotation as needed.

Note: The color selector opens in a separate window for gradient configuration.

Border

Fields

  • Thickness – Sets border thickness.

  • Border Color – Selects the dashboard border color.

Global Font And Themes

Fields

  • Use Global Shadow – Enable to apply a global shadow.

  • Shadow Color – Select the shadow color.

  • Shadow Transparency – Set transparency for the shadow.

  • Use Global Font – Enable to apply a single font across the dashboard.

  • Font Family – Choose the global font family.

  • Global Properties – Redirects to enable global properties for the dashboard components.

  • Designer Themes – Select a predefined theme.

Screen Size

Control the dashboard canvas size, scaling, and resize behavior.

Fields

  • Screen Size – Select from presets (e.g., device sizes).

  • Width / Height – Manually set canvas dimensions.

  • Enable Scaling – Enable/disable scaling behavior.

  • Scaling View – Fit to page / Fit to width / Fit to height / Proportional.

  • Redraw on resize – Redraws the dashboard while resizing.

  • Align – Aligns the canvas based on the selected option.

How to set

  1. Open Screen Size and choose a preset from the drop-down.

  2. (Optional) Adjust Width and Height.

  3. Enable the Enable Scaling option, then choose Scaling View.

  4. Enable Redraw on resize for responsive re-rendering.

  5. Set Align as required.

Note: Screen size can be scaled based on display devices (e.g., Mobile, iPad, PC).

Language Mapping

Localize dashboard text defined in curly braces.

Fields

  • Enable – Enable language mapping functionality.

  • Hide Curly Braces – Hide {} at runtime.

  • Select a Mapping – Pick a configured language mapping.

How to map a language

  1. Click Select a Mapping to open Language Mapping Selection.

  2. Choose a language from the Mapping List → Save.

Note: Ensure the descriptive text you want translated (titles, axis descriptions, legends, tooltips, etc.) is wrapped in {}. You can configure Category/Series display names in Data Set Properties for mapping.

Cache

Enable server-side caching for data services used by the dashboard.

Behavior

  • On the first load, data is fetched from the database.

  • On subsequent loads, data is served from the Cache (until cache expiry rules apply).

How to set

  • Check Enable Cache.

Report Burst

Expose bursting options for published dashboards.

How to set

  • Check Enable Report Burst. The option becomes available on the published dashboard.

Notes & Tips:

  • Report Burst is pre-selected for all new dashboards.

  • Apply Global Font and Themes before fine-tuning component-level fonts for consistent styling.

  • Use Redraw on resize with Scaling View to enhance responsiveness in embedded or portal contexts.

  • Keep language-mapped strings concise and reuse tokens (e.g., {Revenue}) across components for easy maintenance.

Troubleshooting

  • Background not visible as expected: Verify Opacity and Background Rotation settings; ensure no overlaying shape covers the canvas.

  • Borders not showing: Increase Thickness and confirm Border Color contrast.

  • Fonts not applied: Ensure Use Global Font is enabled and components don’t override fonts locally.

  • Resizing looks distorted: Switch Scaling View to Proportional and enable Redraw on resize.

  • Language not changing: Confirm {} wrapping and that Enable + Select a Mapping are set.

  • Data is still slow after enabling Cache: Validate that the dashboard uses a data service eligible for caching and that cache policies are active.

PreviousRight side Menu PanelNextGlobal Properties