In this article
Add and customize value tiles on canvas: select data, place, and edit label, format, background, and more for optimal display and interaction.
To add a value tile to the canvas, follow these steps:
Click the Add Value icon in the sidebar.
Click the data source from which you want to add a value from.
Click the value you want to add to the canvas, or drag and drop it.
Tip: Move the value tile around the canvas using your mouse, or use the arrow keys for pixel perfect alignment.
Value Tile Settings
After adding a value tile to the canvas, you have the option to make a variety of edits.
Click the value tile you want to make changes to. This opens the value settings in the right-hand panel.
From the value tile settings panel, you can make the following changes:
1 Value Label - Hover over the name of the value, then click the pencil icon to edit the value label. Press the Enter key or click outside the label field to save your changes.
2 Value field - Make changes to the value in this field. Click the expression builder icon to change the source, table, measure, variable or function.
3 Switch - Add a switch to the value tile by clicking the + icon next to "Switch". A switch allows you to dynamically change text and images on the canvas based on specific values. After adding a switch, you can use the toggle to turn it on or off. You may also edit the switch by clicking the pencil icon, or delete it by clicking the trashcan icon. See Adding a Switch to a Value Tile for more information.
4 Format - The format section lets you customize various font options for the value tile. These include: font size, style (bold, italics, underline, strike-through), font family, and font color. Using the drop-down, you can also select a Number format for the value tile; this can be previewed directly below. You may also use the following shortcuts:
5 Alignment - Using the "Autofit" toggle, you can automatically re-size the value tile based on the size of the container. Select left, center or right horizontal and vertical alignments.
6 Padding - Padding refers to the space between the value and its border. Add padding to the value by clicking the + icon next to "Padding". This reveals additional fields that allow you to select the Top, Right, Bottom and Left padding. Click the trashcan icon to remove all padding from the value tile.
7 Background - Add a background color to the value 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 value tile.
8 Border - Add a border to the value 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" section 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 value tile.
9 Navigation - Transform the value 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 value tile.
10 Ellipsis Menu - Clicking the ellipsis icon to the right of the value label opens an additional menu. From this menu, you can perform the following actions:
Copy: Copy the value 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 value tile, right-click anywhere on the canvas, and click "Paste here", or press the CTRL + V keys (Command+V for MAC users).
Copy text format: Copy the settings located in the "Format" section by clicking "Copy text format".
Paste text format: This only appears after using the "Copy text format" function; paste the format settings by clicking "Paste text format".
Copy style: Copy the style settings associated with the value tile by clicking "Copy style". The value tile style settings are: "Alignment", "Padding", "Background", and "Border".
Paste style: This only appears after using the "Copy style" function; paste the value tile style settings by clicking "Paste style".
Bring to front: Move the value tile above all other elements on the canvas by clicking "Bring to front".
Bring forward: Move the value tile one layer up on the canvas by clicking "Bring forward".
Send backward: Move the value tile one layer down on the canvas by clicking "Send backward".
Send to back: Move the value 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 value tile around the canvas using the same options offered above in "Alignment".
Delete: Completely delete the value tile from the canvas by clicking "Delete". To restore the deleted value tile, click the Undo button in the top ribbon.
Mac: Underline: Cmd + U, Italics: Cmd + I, Bold: Cmd + B.
PC: Underline: Ctrl + U, Italics: Ctrl + I, Bold: Ctrl + B.