View: display an image instead of a string in a column
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.
Access requirements
You must have the following access to perform the steps in this article:
*To find out what plan, license type, or access you have, contact your Workfront administrator.
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 Adobe 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.
-
Using your web browser, go to the image that you saved.
-
Obtain the image’s URL by doing the following:
- 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.
- Ensure that everyone with that link has permissions to view the image by just going to the link and they don’t 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.
-
Navigate to a project view in a list or report and customize the 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 displayname=Link Project
code language-none image.name=Link Project
code language-none image.valuefield=URL
code language-none link.linkproperty.0.name=projectID
code language-none link.linkproperty.0.value=ID
code language-none link.lookup=link.edit
code language-none link.page=/view
code language-none link.valuefield=objCode
code language-none link.valueformat=val
code language-none textmode=true
code language-none type=image
code language-none valueformat=
The image you selected replaces the Project Name in the project view and the image is a link to the project.
-
Click Save View.