Use an image card to display a relevant image for an item on a page. For example, you can use image cards to illustrate office locations, products, or different employees in your company.

You can include multiple image cards on a page.

You can add an image card to a board, report, or the Additional insights panel on worksheets. On report pages, you can arrange image cards on slides or add them to the Insights panel. You can add an image as a URL, either as a static URL or as a URL in a line item, or from the image library. 

To use an image from a line item, the source model must contain a line item with the format Text and type Link. The line item must contain a valid image URL.

When you add images as a URL, images must have publicly accessible URLs to appear in a PDF Export. The URL must begin with https:// and the type of the referenced image must be one of: PNG (.png), JPEG(.jpg, .jpeg), or GIF (.gif).

When you add images from the image library, images must be one of: PNG (.png), JPEG(.jpg, .jpeg), SVG (.svg), BMP (.bmp), or GIF (.gif).

To edit cards, select Edit to open your page in designer mode.  

Select Save to save as a draft, or Publish to publish the page. 

Display an image from a line item

To configure your image card to display an image from a line item:

  1. On the Overview tab of the Card configuration panel, select Line item as the Image source.
  2. Select the module that contains the image from the Module dropdown list.
    Only modules that contain Link type line items display in the dropdown.
  3. Select the image from the Line item dropdown.
    If the URL is valid, the image you select displays in the image card.
    If the URL is invalid a message notifies you on the image card. You or your workspace administrator must update the URL.

Display an image from a URL

To configure your image card to display an image from a static URL:

  1. On the Overview tab of the Card configuration panel, select URL as the Image source.
  2. Enter the Image source URL.

Display an image from the image library

To configure your image card to display an image from the image library:

  1. On the Overview tab of the Card configuration panel, select Image library as the Image source.
  2. Select Insert image.
  3. Choose an image from, or upload an image to, the Image library, then select Insert.
    You cannot manage images from the Card configuration panel. You can delete an image or change its category from the Image library.
  4. You can: 
    • Enter a Title and Description.
      The description displays in a tooltip for the information icon .
    • Configure a link to another page from the Link to a page dropdown.
      The image card links to the page you select, only if the selected page is published. 
    • Select a Link style.
  5. On the Image tab:
    • For boards and worksheets, you can toggle Display card background.
      The background is enabled by default.
    • For reports, you can select Image scaling.

Optionally, in the Image tab:

    • For boards and worksheets, toggle Display card background to display or hide the background of the image card.
      The background of cards is enabled by default.
    • For reports, select Image scaling. As you resize an image card, Stretch sizes the height independently of the width to fill the card, and Scale sizes the image content proportionally.

Then configure the context selectors.

If the module has multiple dimensions, a context selector displays in the top-right of a board page, or in the card of a worksheet. To select a different image to display, select an item from the context selector.