Managing Images in Storyboards

Estimated reading time: 5 minutes

Prerequisites: How to arrange and format tiles in your Storyboard - read this article first

What you'll learn

By the end of this article, you'll know how to:

• Upload images to the Image Management library.
• Add an image as a background to a Key Value Tile or Free Text Tile.
• Choose the right image size option (Stretch, Actual, Contain, Cover).
• Delete images from the library and understand the impact on Storyboards.

Overview

Including images in a Storyboard enhances storytelling, improves design, and creates a more visually engaging experience. You can add images as backgrounds to Key Value Tiles and Free Text Tiles, aligning visuals with your data insights. Common uses include company logos, team photos, infographic elements, and branded section dividers.

Images are managed centrally through the Image Management library in Admin > Branding. Once uploaded, any Storyboard designer with the right permissions can use them.

Permissions

There are two permission levels for working with images:

Uploading an image

1. Navigate to Admin > Branding > Image Management.
2. Click the Upload Image (+) icon in the toolbar.
3. Select the file to upload.
4. In the Upload Image pop-up, provide a Title, select the Image Type (JPEG or PNG), and choose a Quality setting (Low, Medium, or High).
5. Click Confirm to upload.

Note: Every uploaded image undergoes an anti-virus scan to ensure security compliance.

Adding an image to a tile

Images can be added as backgrounds to Key Value Tiles and Free Text Tiles. They cannot be added to chart tiles, table tiles, or other tile types.

1. Open your Storyboard and enter Modify Mode.
2. Add a new Key Value Tile or Free Text Tile, or hover over an existing one to reveal the tile menu.
3. Click the Settings icon.
4. Navigate to the Design tab > Image Background section.
5. Find and select your image from the library.
6. Choose an image size option (see table below).
7. Optionally toggle Repeat Image on if you want the image to tile across the background.
8. Click Update to Storyboard to save.

Deleting an image

14. Navigate to Admin > Branding > Image Management.
15. Click Delete on the row of the image you want to remove.
16. A confirmation message appears warning that the image will be removed from any Storyboard tiles where it is currently used as a background.
17. Click Continue to delete or Cancel to keep the image.

Note: Deleting an image is permanent. Once deleted, it is removed from every tile where it was used as a background. Verify that no active Storyboards depend on the image before deleting.

Next steps

Now that you can manage images, you might want to explore:

• How to arrange and format tiles in your Storyboard - positioning and sizing tiles around your images.
• How to use Dynamic Text in Storyboard tiles - adding auto-updating text alongside images.
• How to add context to your charts - combining images with annotations, legends, and reference lines.