# Image url from data source not displaying

**URL:** <https://community.thunkable.com/t/image-url-from-data-source-not-displaying/2492984>\
**Category:** Questions about Thunkable X\
**Tags:** beginner, image, data-source\
**Created:** [July 4, 2023, 5:49am UTC](https://community.thunkable.com/t/image-url-from-data-source-not-displaying/2492984 "2023-07-04T05:49:56Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![info65](https://avatars.discourse-cdn.com/v4/letter/i/958977/32.png) [@info65](https://community.thunkable.com/u/info65)\
**Post date:** [July 4, 2023, 5:49am UTC](https://community.thunkable.com/t/image-url-from-data-source-not-displaying/2492984/1 "2023-07-04T05:49:56Z")

</div>

i am trying to display images for recipes using local data source. All other information pulls in to my recipe page except the image. I have tried google drive and cloudinary. I have checked url and it is set to public. I have no clue why they will not show. Attached or shots of data source and screens the image are not showing on. Many Thanks.  
 ![Screenshot 2023-07-04 at 06.32.28](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/b/7b65201a7f14b5c068c2c99a807b5d7b98926b40.png)  
 ![Screenshot 2023-07-04 at 06.33.10](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/f/dfa4cb9b17c21c0d751dfd3b8046d6d874fd3326.png)

 ![Screenshot 2023-07-04 at 06.45.54](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/b/0b4e76e47f1ac7208a3c009c30d2ef86fa4906bc.png)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [July 4, 2023, 11:12am UTC](https://community.thunkable.com/t/image-url-from-data-source-not-displaying/2492984/2 "2023-07-04T11:12:40Z")

</div>

Can you post the two image links as text? That way we don’t have to type them in to test them.

Also, post a screenshot of the properties and panel (the right side of the screen) from the Design tab of your project.

---

<div class="post-metadata">

**Author:** ![info65](https://avatars.discourse-cdn.com/v4/letter/i/958977/32.png) [@info65](https://community.thunkable.com/u/info65)\
**Post date:** [July 4, 2023, 1:53pm UTC](https://community.thunkable.com/t/image-url-from-data-source-not-displaying/2492984/3 "2023-07-04T13:53:07Z")

</div>

Thanks for your reply. Here are the url in text.

 ![Screenshot 2023-07-04 at 14.52.03](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/2/c2ba935784b6fb1f696be31e77f6cb646c669f05.png)  
 ![Screenshot 2023-07-04 at 14.51.17](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/7/5794fe9fbfd8c9b5d29384d10f4a990e275887e4.png)  
I do want to add lots more images to the database but first want to make sure they actually work.

> **[test.png](https://drive.google.com/file/d/1QgsxVpRZ1vA2RNOAnukPI60_xXcP5mWz/view?usp=sharing)**
>
> Google Drive file.

> **[Public asset | Cloudinary Dynamic Asset Management](https://asset.cloudinary.com/dnzxabhcv/8a2ad6b6245f4bbce993e9b756077c07)**
>
> Unleash the full potential of your media. Create, manage and share your digital assets with your team, partners and vendors.

---

<div class="post-metadata">

**Author:** ![info65](https://avatars.discourse-cdn.com/v4/letter/i/958977/32.png) [@info65](https://community.thunkable.com/u/info65)\
**Post date:** [July 4, 2023, 1:57pm UTC](https://community.thunkable.com/t/image-url-from-data-source-not-displaying/2492984/5 "2023-07-04T13:57:04Z")

</div>

https: [//drive.google.com/file/d/1QgsxVpRZ1vA2RNOAnukPI60\_xXcP5mWz/view?usp=sharing](https://drive.google.com/file/d/1QgsxVpRZ1vA2RNOAnukPI60_xXcP5mWz/view?usp=sharing)  
https: [//asset.cloudinary.com/dnzxabhcv/8a2ad6b6245f4bbce993e9b756077c07](https://asset.cloudinary.com/dnzxabhcv/8a2ad6b6245f4bbce993e9b756077c07)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [July 4, 2023, 2:54pm UTC](https://community.thunkable.com/t/image-url-from-data-source-not-displaying/2492984/6 "2023-07-04T14:54:19Z")

</div>

I can confirm that I can view those images in a browser (I realize you already said they were public). And sorry, I forgot to say that you’ll need to click on the Data Viewer List (DVL) first and then take a screenshot of the properties panel.

Are you able to display those two images in Image components in your project (as a test)?

---

<div class="post-metadata">

**Author:** ![info65](https://avatars.discourse-cdn.com/v4/letter/i/958977/32.png) [@info65](https://community.thunkable.com/u/info65)\
**Post date:** [July 4, 2023, 3:02pm UTC](https://community.thunkable.com/t/image-url-from-data-source-not-displaying/2492984/7 "2023-07-04T15:02:05Z")

</div>

Sorry i am not understanding. Those images might be able to be viewed but they do not appear on my app screen, or when i test. I followed a video and all other data is transferred into fields, so when they click on recipe ingredients is shown on another screen, but the images do not appear so i can see them next to the recipes as shown in the screen shots. Also, i can see the DVL but i dont know what you mean to click on it and then screenshot? I don’t know what you want me to show you. Sorry for not understanding and appreciate your help.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [July 7, 2023, 2:09pm UTC](https://community.thunkable.com/t/image-url-from-data-source-not-displaying/2492984/8 "2023-07-07T14:09:47Z")

</div>

Are you able to share the project by posting a link to it here?

---

<div class="post-metadata">

**Author:** ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)\
**Post date:** [July 7, 2023, 2:34pm UTC](https://community.thunkable.com/t/image-url-from-data-source-not-displaying/2492984/9 "2023-07-07T14:34:58Z")

</div>

@info65 @tatiang Just want to confirm one thing here. When using a DVL or DVG, the URL to populate any image must end with the file extension (eg [https://thunkable.com/static/media/logo.ba96eb83.png](https://thunkable.com/static/media/logo.ba96eb83.png)).

Some background, the image either the DVL or DVG is an image component and so it has to follow the above rule to render the image.

---

<div class="post-metadata">

**Author:** ![info65](https://avatars.discourse-cdn.com/v4/letter/i/958977/32.png) [@info65](https://community.thunkable.com/u/info65)\
**Post date:** [July 8, 2023, 1:30pm UTC](https://community.thunkable.com/t/image-url-from-data-source-not-displaying/2492984/10 "2023-07-08T13:30:29Z")

</div>

[https://x.thunkable.com/copy/5d67a5445f2541789d6b32958ac815a0](https://x.thunkable.com/copy/5d67a5445f2541789d6b32958ac815a0)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [July 8, 2023, 3:12pm UTC](https://community.thunkable.com/t/image-url-from-data-source-not-displaying/2492984/11 "2023-07-08T15:12:33Z")

</div>

Did you fix the image extensions?

---

<div class="post-metadata">

**Author:** ![ak\_coder](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ak_coder/32/156215_2.png) [@ak\_coder](https://community.thunkable.com/u/ak_coder)\
**Post date:** [July 9, 2023, 4:14pm UTC](https://community.thunkable.com/t/image-url-from-data-source-not-displaying/2492984/12 "2023-07-09T16:14:56Z")

</div>

Hello @info65, the problem is in your image link, i am talking about the screen 4, but in this way you can fix all images  
the first link of google drive that you are using is not public or i think it can be any bug, but when i just opened that drive image in new tab, the google photos link that open, i just used that.  
And the second link of Cloudinary is also wrong, please click on the copy link of image of cloudinary dashboard to get a proper image link.

I suggest you to please only use cloudinary for your app and for all images.

 ![7582397c-9f75-4cf3-a4b7-1657cb4c7cf6](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/5/25cfe2b4cfc126e89a33832ed1f91ce1bc4ec454.jpeg)

![edf15abc-caab-40b4-8f9d-2372dd142c61](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/9/b903ba70949f074e5846fb4415a2605c0f709c98.jpeg)

The way to get cloudinary image correct link:  
Just hover over the image of the cloudinary image and you will see two options - copy url, more btn, You have to just click on copy URL, and then use it, do it for all images.  
EXAMPLE - cloudinary image format - [https://res.cloudinary.com/dqsbhcscb/image/upload/v1686972571/8750881\_o0mxdu.png](https://res.cloudinary.com/dqsbhcscb/image/upload/v1686972571/8750881_o0mxdu.png)

@info65, if this solved your problem, then please reply success message or mark this issue as solved.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [October 7, 2023, 4:15pm UTC](https://community.thunkable.com/t/image-url-from-data-source-not-displaying/2492984/13 "2023-10-07T16:15:15Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
