Modify the background

In absolute and grid layout, you can choose a color for your canvas background. In absolute layout only, you can also use a custom image as the canvas background.

Change the background color

  1. Click the dashboard canvas grid.
  2. Expand the Configuration panel.
  3. Select a Background color. By default, the background color is set to transparent. To change it, enter the hex code for a color, such as #FFFF00, or select a color from the square palette.
  4. Click Save in the editing toolbar when you are finished.
Note: The background color is applied to the bottom canvas layer while background images are placed one layer above. If you add a background image to your dashboard, only portions of the canvas that the image does not cover are visible in the designated color.

Upload a background image

Only users with the admin role can add images to dashboards.

The supported image types are JPG and PNG only for local images. You can also use web-based images, but these are not exported if you a download a PNG or PDF of the dashboard. You should download any web-based images to a local location to ensure they render.

Note: By default, uploaded background images are positioned at (0,0) on your dashboard canvas. This means that the top left corner of the uploaded image appears at the top left corner of the canvas. Increasing the y-axis value moves the image down the canvas, while increasing the x-axis value moves the image to the right.
  1. In the Background image section of the Configuration panel, drag and drop your image file or click upload file... to choose a file on your computer. You can also specify a URL for web-based images. If you use a web-based image, the image updates each time you refresh your dashboard.
  2. Configure the sizing options to fit your individual needs:
    • Select Contain to fit the image to the canvas width. The canvas height might not be completely covered.

    • Select Custom to position the image on the x-axis and y-axis and to change the width and height in pixels.

    • Select Cover to cover the entire canvas with the image. The entire background image might not display if the height to width ratio of the image differs from the height to width ratio of the canvas.
    • Select Original size to display the image with its original dimensions.
  3. Drag the Opacity slider to configure the desired opacity for the background image.
  4. Click Save in the editing toolbar when you are finished.