In this article
Add, place, and edit image tiles on canvas: select from File Library, customize with labels, URLs, padding, and navigate via menu for adjustments.
To add an image tile to the canvas, follow these steps:
Click the Add Image icon in the sidebar. This opens the file library.
Navigate the File Library and select the image(s) you want to add to the canvas. Note that you can select multiple images at a time. If you want to upload new images to the file library, click the Upload File button.
Click the Insert button. The File Library closes and the image(s) appear on the canvas as image tiles.
Tip: Move the image tile around the canvas using your mouse, or use the arrow keys for pixel perfect alignment.
Image Tile Settings
After adding image tiles to the canvas, you have the option to make a variety of edits.
Click the image tile you want to make changes to. This opens the image settings in the right-hand panel.
From the image tile settings panel, you can make the following changes:
1 Image Label - Edit the image label by clicking inside the label field, or by clicking the pencil icon. Press the Enter key or click outside the label field to save your changes.
2 Switch - Add a switch to the image by clicking the + icon next to "Switch". A switch allows you to dynamically change text and images on the canvas based on specific values. Note that you must first add a value to the canvas before adding a Switch to the image tile. After adding a Switch, use the toggle to turn it on or off. You can also edit the Switch by clicking the pencil icon or delete it by clicking the trashcan icon. See Adding a Switch to an Image Tile for more information.
3 Image URL - Paste a link into the Image URL field to change the displayed image, or click the File Library icon to use the file library.
4 Padding - Padding refers to the space between the image and its border. Add padding to the image tile by clicking the + icon next to "Padding". This reveals additional fields that allow you to select Top, Right, Bottom and Left padding. Click the trashcan icon to remove all padding from the image tile.
5 Background - Add a background color to the image tile by clicking the + icon next to "Background". Select a background color using the color selector interface, or by entering a hex code. Set the opacity using the slider. Click the trashcan icon to remove the background color from the image tile.
6 Border - Add a border to the image tile by clicking the + icon next to "Border". Select a border type using the drop-down and decide on a border thickness, color and opacity. The "Corners" feature lets you alter the shape of the border. If you opt to use a round border, an additional slider appears, allowing you to adjust the roundness. Click the trashcan icon to remove the border from the image tile.
7 Navigation - Transform the image tile into a button that navigates to a report or external URL. This is achieved by clicking the + icon next to "Navigation". Reports can be linked to by clicking "Report" and using the drop-down to select the report and page (note that you need permission to view the report in order to link to it). External URLs can be linked to by clicking "External URL" and entering the URL you want to navigate to in the "External URL" field (the URL will open in a new tab). Click the trashcan icon to remove the navigation functionality from the image tile.
8 Ellipsis Menu - Clicking the ellipsis icon to the right of the image label opens an additional menu. From this menu, you can perform the following actions:
Copy: Copy the image tile, along with any associated formatting by clicking "Copy", or by pressing the CTRL + C keys (Command+C for MAC users). To paste the copied image tile, right-click anywhere on the canvas, and click "Paste here", or press the CTRL + V keys (Command+V for MAC users).
Copy style: Copy the style settings associated with the image tile by clicking "Copy style". The image tile style settings are: "Padding", "Background", and "Border".
Paste style: This only appears after using the "Copy style" function; paste image tile style settings by clicking "Paste style".
Bring to front: Move the image tile above all other elements on the canvas by clicking "Bring to front".
Bring forward: Move the image tile one layer up on the canvas by clicking "Bring forward".
Send backward: Move the image tile one layer down on the canvas by clicking "Send backward".
Send to back: Move the image tile behind all other elements on the canvas by clicking "Send to back".
Align: Clicking "Align" opens an additional menu. From here, you can align the image tile around the canvas.
Delete: Completely delete the image tile from the canvas by clicking "Delete". To restore the deleted image tile, click the Undo button in the top ribbon.