Edit Tile Header and Style
Add a tile header and adjust a tile’s style to create a consistent look across your dashboard or highlight a specific view. A tile header displays a title—optionally with a subtitle—above a view, with customizable font, color, alignment, and spacing.
Tile style settings affect the view’s container—the tile—in your dashboard. This is different from modifying the view style itself, which changes the formatting of the visual content within the view. For details on modifying view properties, see View properties.
Add a tile header
Each view has its own built‑in title style and size. A tile header helps you standardize the formatting of titles across all views in your dashboard. You can choose to show both the view’s title and the tile header, or only the tile header by disabling Title in the view’s properties.
- In the Toolbar panel, select Edit Dashboard.
- Select a view in your dashboard.
- Select the Properties icon to open the panel on the right.
- On the Design tab, expand Tile Header.
- Enable Title and enter a text for the header.
- Adjust header’s properties to customize its style.
- (Optional) Add a subtitle for additional context.
- Save when you are finished.
Tile Header properties
Area
| Property | Description |
|---|---|
| Font size scale | Enable automatic adjustment of the title font size based on the overall dashboard container size. |
| Spacing | Set the horizontal space between the tile header text and the left or right edges of the tile. |
Title and subtitle
| Property | Description |
|---|---|
| Text | Enter the title or subtitle text. |
| Font | Select the font family for the header text. |
| Size | Set the font size for the header text. |
| Style | Apply formatting such as italic, bold, or underline. |
| Font Color | Select the color for the header text. |
| Background Color | Select the background color for the header area. |
| Alignment | Choose how to align the header text (left, center, right). |
| Text wrap | Enable wrapping when the text is too long to fit on one line. |
| Spacing | Set the vertical space between the header text and the top or bottom edges of the header area. |
Divider
| Property | Description |
|---|---|
| Size | Set the thickness of the divider line below the header. |
| Color | Select the color of the divider line below the header. |
Modify tile style
Tile style properties control the overall appearance of the view’s container (tile) within the dashboard.
- In the Toolbar panel, select Edit Dashboard.
- Select a view on your dashboard.
- Select the Properties icon to open the panel on the right.
- On the Design tab, expand Tile Style.
- Adjust properties as needed.
- Save when you are done.
Tile Style properties
| Property | Description |
|---|---|
| Border | Set the thickness and style of the tile border. |
| Spacing | Set the padding inside the tile borders around the view. |
Copy tile style between views
You can quickly copy the tile style from one view to another within your dashboard to maintain a consistent appearance. If you start copying and decide not to apply the style, press Esc to cancel.
- In the Toolbar panel, select Edit Dashboard.
- Select a view in your dashboard.
- (Optional) Change the tile style as needed.
- Click the Copy Widget Style icon.
- Select the destination view to apply the style.
- Repeat the process for other views as needed.
- Save when you are finished.