Image cards provide a visual identifier for a line item. For example, you can use an image to identify office locations, products, or different employees in your company.
You can include multiple image cards on a board.
To add an image card to a board, the source model of the board must contain a line item with the format Text and type Link. The line item must contain a valid image URL.
Note: To edit an existing image card, open the board in designer mode and click the Edit icon
To add an image card to a board:
- Open the board in designer mode.
- In the Cards panel, under Add card, double-click the Image tile, or drag it onto the board.
By default, the card displays, full-width, on the board. - Click Configure image on the image card.
On the right, the Card configuration panel displays. - In the Overview tab select the module that contains the image from the Module drop-down list.
Only modules that contain Link type line items display in the drop-down. - Select the image from the Line item drop-down list.
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. - Optionally:
- Enter a title in the Title field.
The default title for an image card is the name of the selected line item. - Enter a description of the card in the Description field.
The description displays in a tooltip when you hover your cursor over theicon in the top-left of the card. - Select a page from the Link to a page drop-down list.
The card title links to the page you select.
If you have not entered a card title, the name of the page you link to displays as the card title. - In the Image tab, toggle Display card background to display or hide the background of the image card.
The background of cards is enabled by default. - Configure context selectors.
- Enter a title in the Title field.
- Click Publish to save the image card to the board.
If the module has multiple dimensions, a context selector displays in the top-right of the page. To select a different image to display, click into the context selector and select the URL of the replacement image.