topic Re: Images in a straight table in the cloud in App Development

Images in a straight table in the cloud

FrankC — Tue, 03 Jun 2025 14:18:27 GMT

I have uploaded the image into the application media section. I want to display that image on each row of the straight table. However when the row is displayed, the image in not visible.

Also, if I try to access the url by itself, I am getting page not found. I am using the following syntax (which could be wrong)

https://tenant/api/v1/apps/app_id/media/files/imagename

RED would be our actual values

Re: Images in a straight table in the cloud

-SW- — Wed, 04 Jun 2025 08:09:48 GMT

Hi,

Your filepath looks right... what image file type are you using? I find .png more friendly.

Also make sure in your field properties, representation is set to "image"

Re: Images in a straight table in the cloud

FrankC — Wed, 04 Jun 2025 12:50:08 GMT

Hey

The uploaded image is a jpg and the field property is set to image. I will upload a png file to see if that makes any difference. Are there any security specifications needed for the space to show the image?

Re: Images in a straight table in the cloud

FrankC — Wed, 04 Jun 2025 12:59:16 GMT

Uploaded the png file, but know change. I am wondering if it could be a rights issue.

Re: Images in a straight table in the cloud

-SW- — Thu, 05 Jun 2025 09:58:35 GMT

Have you added the content security?
https://community.qlik.com/t5/Official-Support-Articles/Qlik-SaaS-adding-image-lt-URL-gt-to-a-table-as-column-by-default/ta-p/1987114

Re: Images in a straight table in the cloud

rafaelencinas — Thu, 05 Jun 2025 22:10:13 GMT

Hi @FrankC

Follow this Steps

1 - Open the App

2 - Put this image as a Sheet Image ( Thumbnail )

3 - Active Developer Mode (F12)

4 - Use the selection Tool to select an element e click in the Image

5 - In the Elements developer table will show the fully path of this image

6 - Copy this URL and create a new dimension

7 - Set the dimention as Image

Enjoy !

Re: Images in a straight table in the cloud

FrankC — Mon, 09 Jun 2025 12:42:56 GMT

Hello

I am not able to find the URL for the image. Exactly where is the path located?

Re: Images in a straight table in the cloud

-SW- — Mon, 09 Jun 2025 12:50:32 GMT

Please see attached, once you go to developer tools, go to your media library. Select the element inspector, click on the image, and if you expand the code, that should give you direct path.

Re: Images in a straight table in the cloud

FrankC — Mon, 09 Jun 2025 13:08:22 GMT

Thanks for the screenshot. I do have the URL path. I added the path to the straight table, but the icon is not visible. I add the url to the background of a table and the image shows as expected.

Re: Images in a straight table in the cloud

-SW- — Mon, 09 Jun 2025 13:20:46 GMT

did you look at the link i sent previously?

Have you added the content security?
https://community.qlik.com/t5/Official-Support-Articles/Qlik-SaaS-adding-image-lt-URL-gt-to-a-table-...

Re: Images in a straight table in the cloud

FrankC — Mon, 09 Jun 2025 13:31:47 GMT

Yes. I have added both url (Qlik tenant name provided and our tenant name) and the broken image still appears.

Re: Images in a straight table in the cloud

-SW- — Mon, 09 Jun 2025 13:50:08 GMT

Can you take a screenshot of the img properties, if you click on the broken image in the straight table using the developer tools?

Re: Images in a straight table in the cloud

FrankC — Mon, 09 Jun 2025 14:04:46 GMT

The image has been loaded in the media files red_arrow.png

Re: Images in a straight table in the cloud

-SW- — Mon, 09 Jun 2025 14:54:20 GMT

can you zoom into the div where it displays the red_arrow.png link?

Re: Images in a straight table in the cloud

FrankC — Mon, 09 Jun 2025 18:44:49 GMT

Thanks for all your help. I found my issue. I was adding in the dimension value to the end of the url.

Your suggestion allowed me to find the error.

Thanks Again!