View: Display an Image Instead of a String in a Column

View: display an image instead of a string in a column

Last update: Mon Nov 04 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Topics:
Reports and Dashboards

CREATED FOR:

User

You can replace the name of an object in a view with an image using text mode. You can also add a link to the image that can open the object it replaces.

NOTE

Images appear in their actual resolution so try to use small images.

Access requirements

Expand to view access requirements for the functionality in this article.

You must have the following access to perform the steps in this article:

table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto html-authored no-header
蜜豆视频 Workfront plan	Any
蜜豆视频 Workfront license*	New: Contributor to modify a filter Standard to modify a report Current: Request to modify a filter Plan to modify a report
Access level configurations	Edit access to Reports, Dashboards, Calendars to modify a report Edit access to Filters, Views, Groupings to modify a filter
Object permissions	Manage permissions to a report

*For information, see Access requirements in Workfront documentation.

Example: Replace the name of a project in a project view with an image:

Upload an image to a web site or server external of 蜜豆视频 Workfront. You must be able to access the image using your web browser.

note tip
TIP
Every browser type is different but all are capable of displaying URLs. Avoid using images that are uploaded to Workfront. Because images stored in Workfront are not publicly available and have an access key that expires after a period of time, these images stop displaying in the view over time. An image saved on your computer does not have an inherent URL. Find a site that provides image hosting and host your image there. Your organization might already have such a site.

note tip

TIP

Every browser type is different but all are capable of displaying URLs.
Avoid using images that are uploaded to Workfront. Because images stored in Workfront are not publicly available and have an access key that expires after a period of time, these images stop displaying in the view over time.
An image saved on your computer does not have an inherent URL. Find a site that provides image hosting and host your image there. Your organization might already have such a site.

Using your web browser, go to the image that you saved.
Obtain the image鈥檚 URL by doing the following:
1. Right-click and select Copy image location, or Get link, depending on your browser. You now have the URL for that specific image and can paste it from your clipboard.
2. Ensure that everyone with that link has permissions to view the image by just going to the link and they don鈥檛 need a login to access it.
Go to a project, click the More menu next to the name of the project, then click Edit.
In the URL field, add the link to the image.
Go to a project view in a list of projects.
Click the View drop-down menu, then click New View.
Click the header of the column for the Project Name, then click Switch to Text Mode.

Add the following code to the column to the existing code:

code language-none

code language-none
`displayname=Link Project image.name=Link Project image.valuefield=URL link.linkproperty.0.name=projectID link.linkproperty.0.value=ID link.lookup=link.edit link.page=/view link.valuefield=objCode link.valueformat=val textmode=true type=image valueformat=`

displayname=Link Project
image.name=Link Project
image.valuefield=URL
link.linkproperty.0.name=projectID
link.linkproperty.0.value=ID
link.lookup=link.edit
link.page=/view
link.valuefield=objCode
link.valueformat=val
textmode=true
type=image
valueformat=

Click Done > Save View.
The image you selected replaces the Project Name in the project view and the image is a link to the project.

recommendation-more-help

5f00cc6b-2202-40d6-bcd0-3ee0c2316b43