Introduction

The Text & Image tile allows you to add context, structure, and visual elements to your dashboard. Whether you are looking to highlight key sections, explain other widgets, or include branding, this tile helps create a more informative and user-friendly experience.

Permissions

See Using RBAC for more information.

Features

Following is a list of features of the Text & Image tile:

  • Embed rich text with formatting (bold, lists, links, etc.)
  • Add images using direct image URLs
  • Use as a header to label or title dashboard sections
  • Act as a section separator for visual clarity
  • Describe or annotate other tiles or dashboard elements
  • Display branding (logos, banners, team names)

Benefits

Following are the benefits of using the Text & Image tile:

  • Enhances readability and visual structure
  • Makes dashboards more user-friendly and informative
  • Helps with contextual explanations for data tiles
  • Provides a professional look with custom branding
  • Allows easy navigation and segmentation of complex dashboards

Create a Text & Image

Follow these steps to create a Text & Image tile:

  1. From Dashboard → Dashboard 2.0, create a new dashboard or select from an existing dashboard collection.

    See Create Dashboards to learn about creating dashboards.

  2. Click CREATE TILE or + from the toolbar.

  3. In the ADD TILE screen that is displayed, select Text & Image.
    The following screen is displayed:

    Create Credentials screen

  4. Select one of the following:

Tile OptionFunctionality
Build my ownThis is used as a header, section separator, to describe elements on your dashboard, embed an image, and much more.
HeaderAdd a header.
DescriptionAdd a description.

Build My Own

Click here to view how to Build Your Own Query
  1. Select the Build my own tab. This enables you to create a custom tile.
  1. Enter your text in the space provided.
  1. You can customize your text using the customization toolbar:
Customization ToolbarDescription
Select the Font drop-down listbox to view the different fonts.
Choose the color and size of the Text.
Select Bold, Italic, and Underline.
Choose either Left-align, Centered-align, Right-align, or Justified text.
Bulleted list.
Create Credentials screen
  1. Enter the text that will appear as the hyperlink.
  2. Enter the URL.
    Example: https://time.is
    3. Note: By default the
    Open in new tab checkbox is selected. This ensures the specified URL opens in a separate browser tab.
  3. Click CREATE. The hyperlink is displayed.
Create Credentials screenThe Insert Image icon allows you to insert images by either uploading a file or linking an image URL. You can add alternative text for accessibility and set custom dimensions for the image if required. Once ready, the image can be placed directly into the content.
To upload an Image:
  1. Click the Upload Image File link.
  2. From the popup window, upload the image file and click Open. The file is uploaded.
  3. Enter an alternative text.
  4. By default, it is set as Auto. You can set custom width and height.
  5. Click PLACE.
To link an Image URL:
  1. Click the Link Image URL link.
  2. Enter the Image URL. The URL is validated and uploaded.
  3. Enter an alternative text.
  4. By default, it is set as Auto. You can set custom width and height.
  5. Click PLACE.

  1. See VISUALIZATION to know on how to customize the Text & Image Tile.

  2. Click ADD TILE.

Click here to view how to add a Header.
  1. Select the Header tab.

The ADD TEXT & IMAGE TILE window is displayed.

  1. Enter the header in the space provided.
    Note: By default the font is set to 36.

  2. You can customize your text using the below customization toolbar:

Customization ToolbarDescription
Select the Font drop-down listbox to view the different fonts.
Choose the color and size of the Text.
Select Bold, Italic, and Underline.
Choose either Left-align, Centered-align, Right-align, or Justified text.
Bulleted list.
Create Credentials screen
  1. Enter the text that will appear as the hyperlink.
  2. Enter the URL.
    Example: https://time.is
    3. Note: By default the
    Open in new tab checkbox is selected. This ensures the specified URL opens in a separate browser tab.
  3. Click CREATE. The hyperlink is displayed.
Create Credentials screenThe Insert Image icon allows you to insert images by either uploading a file or linking an image URL. You can add alternative text for accessibility and set custom dimensions for the image if required. Once ready, the image can be placed directly into the content.
To upload an Image:
  1. Click the Upload Image File link.
  2. From the popup window, upload the image file and click Open. The file is uploaded.
  3. Enter an alternative text.
  4. By default, it is set as Auto. You can set custom width and height.
  5. Click PLACE.
To link an Image URL:
  1. Click the Link Image URL link.
  2. Enter the Image URL. The URL is validated and uploaded.
  3. Enter an alternative text.
  4. By default, it is set as Auto. You can set custom width and height.
  5. Click PLACE.

  1. See VISUALIZATION to know on how to customize the Text & Image Tile.

  2. Click Add Tile.

Description

Click here to view how to add a Description
  1. Select the Description tab.

The ADD TEXT & IMAGE TILE window is displayed.

  1. Enter your description in the space provided.
    Note: By default the font is set to 24.

  2. You can customize your text using the below customization toolbar:

Customization ToolbarDescription
Select the Font drop-down listbox to view the different fonts.
Choose the color and size of the Text.
Select Bold, Italic, and Underline.
Choose either Left-align, Centered-align, Right-align, or Justified text.
Bulleted list.
Create Credentials screen
  1. Enter the text that will appear as the hyperlink.
  2. Enter the URL.
    Example: https://time.is
    3. Note: By default the
    Open in new tab checkbox is selected. This ensures the specified URL opens in a separate browser tab.
  3. Click CREATE. The hyperlink is displayed.
Create Credentials screenThe Insert Image icon allows you to insert images by either uploading a file or linking an image URL. You can add alternative text for accessibility and set custom dimensions for the image if required. Once ready, the image can be placed directly into the content.
To upload an Image:
  1. Click the Upload Image File link.
  2. From the popup window, upload the image file and click Open. The file is uploaded.
  3. Enter an alternative text.
  4. By default, it is set as Auto. You can set custom width and height.
  5. Click PLACE.
To link an Image URL:
  1. Click the Link Image URL link.
  2. Enter the Image URL. The URL is validated and uploaded.
  3. Enter an alternative text.
  4. By default, it is set as Auto. You can set custom width and height.
  5. Click PLACE.

  1. See VISUALIZATION to know on how to customize the Text & Image Tile.

  2. Click ADD TILE.

VISUALIZATION

  1. Click the VISUALIZATION tab to customize the visualization further:
    • TILE
Label NameDescription
Background Image
  • Upload a background Image from your local system or entering a URL.
  • Select Fit Tile or Fill Tile from the drop-down. Fit Tile will upload the background image with the same aspect ratio as the original file, which may leave space around the edges. Fill Tile will upload the background image, resized to fill the entire space of the tile.
Background ColorSelect the background color, enable or disable the background color by clicking the toggle ON or OFF background color.
Note: By default the Background Color is disabled.

Example

The following example demonstrates adding a text that will appear as hyperlink:

  1. From Dashboard → Dashboard 2.0, create a new dashboard or select from an existing dashboard collection.

    See Create Dashboards to learn about creating dashboards.

  2. Click CREATE TILE or + from the toolbar.

  3. Select the Build my own tab. This enables you to create a custom tile.

    Add Embed tile window

  4. In the ADD TILE screen that is displayed, select Text & Image.
    The following screen is displayed:

    Add Embed tile window

  5. Click on Add a Hyperlink icon from the toolbar. The CREATE LINK popup is displayed.

    Create Credentials screen

  6. Enter text in the Text to Display field:

    • Current Time

  7. Enter the URL: https://time.is

  8. Click CREATE.

  9. Click the VISUALIZATION tab to customize the visualization further:
    Set the Background Image and Background Color as required.

  10. The link will be displayed in the window.

  11. Click ADD TILE. The tile is added and displayed in the dashboard.

    Create Credentials screen

  12. Click the Current Time link in the tile. The URL opens in a separate browser tab.