All Collections
How To
Add images to reports and dashboards
Add images to reports and dashboards

Upload logos, banners and other pictures directly to your reports and dashboards via the image widget

Matthew Davis avatar
Written by Matthew Davis
Updated over a week ago

How to add images to reports and dashboards

To get started, add an image widget to your report or dashboard. Click on the 'Objects' menu item on the right of the screen, then drag the image widget onto the dashboard or report page.

Next, make sure the image widget is selected, then click Choose Image in the sidebar to the right.

This will launch a popover that displays your media library, showing all images previously uploaded within your account.

To upload a new image directly from your computer, click the Upload button in the top right of the popover. You can also add an image to the media library via image URL. The maximum size for an image is 1MB, and accepted file types are svg, png, and jpeg.

Alternatively, if you'd like to add an image without adding it to the media library, follow the steps here.

This will launch the file explorer. From here, locate the image on your computer that you'd like to upload, then click to select. With the image selected, click Open in the bottom right.

This will add the image to your accounts media library. Next, click the image from the library to select it, then in the bottom left of the popover, click Insert.

This will insert the image into the image widget that you initially added. If you'd like the widget to be bigger or smaller, you can resize the widget on your dashboards and reports as well.

Lastly, choose the image fit for this widget. This determines how the image will fit within the widget size and shape you've determined.

The image fit options are Contain, Cover, Fill, and None:

  • Contain - Best for logos. This ensures the entire image fits inside the widget, and will add some empty space around the image to ensure this occurs.

  • Cover - Keeps one of the image's dimensions locked (depending on the image dimensions) to ensure the image fills the entire widget. Some cropping of either the image's width or height will occur to do this. This option is great for photos or banners, where users want to avoid having empty space inside the widget. (Note: The image may change depending on screen size.)

  • Fill - Forces the image to fit inside the widget, and will change the dimensions of the image to do so. This option is great for banners or photos that won't look strange if dimensions are different to the original image.

  • None - The raw full size image, with focus on the center of the image. Great for a banner or photo when cropping isn't a concern (e.g. a photo of a city that has no specific focus). Note that the image may change depending on screen size.

What's Next:

Did this answer your question?