# \[SOLVED\] Image not displaying

**URL:** <https://community.thunkable.com/t/solved-image-not-displaying/2533378>\
**Category:** Issues / Bugs\
**Created:** [August 6, 2023, 2:05am UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378 "2023-08-06T02:05:59Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![versatile](https://avatars.discourse-cdn.com/v4/letter/v/c68b51/32.png) [@versatile](https://community.thunkable.com/u/versatile)\
**Post date:** [August 6, 2023, 2:05am UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/1 "2023-08-06T02:05:59Z")

</div>

My App is not displaying images from Spreadsheet,the blocks were working on my other apps,but not working here  
Please thunkers

 ![Screenshot (1)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/8/c8d790c0ff89b152cda631ed348c25ceb98ce32b.png)

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [August 7, 2023, 3:33pm UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/2 "2023-08-07T15:33:30Z")

</div>

Hello @versatile  
Could you please check the image type(PNG, JPG, GIF, SVG, etc)?

---

<div class="post-metadata">

**Author:** ![versatile](https://avatars.discourse-cdn.com/v4/letter/v/c68b51/32.png) [@versatile](https://community.thunkable.com/u/versatile)\
**Post date:** [August 7, 2023, 5:27pm UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/4 "2023-08-07T17:27:16Z")

</div>

The images type varies from PNG to jpg

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [August 9, 2023, 5:35pm UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/5 "2023-08-09T17:35:52Z")

</div>

@versatile how do you save the images on Google Sheets?  
Do you use URLs?

---

<div class="post-metadata">

**Author:** ![versatile](https://avatars.discourse-cdn.com/v4/letter/v/c68b51/32.png) [@versatile](https://community.thunkable.com/u/versatile)\
**Post date:** [August 10, 2023, 5:52pm UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/7 "2023-08-10T17:52:11Z")

</div>

Yes ,it was a url from Cloudinary Media

---

<div class="post-metadata">

**Author:** ![j.oraziog296](https://avatars.discourse-cdn.com/v4/letter/j/85f322/32.png) [@j.oraziog296](https://community.thunkable.com/u/j.oraziog296)\
**Post date:** [August 13, 2023, 10:49am UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/8 "2023-08-13T10:49:03Z")

</div>

@ioannis I am having the exact same problem . However I have noticed that if you set the image to the url from the design screen, the image from cloudinary will appear in your app. It seems to be a problem setting the image from a variable .

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [August 15, 2023, 1:26pm UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/9 "2023-08-15T13:26:46Z")

</div>

Hello @j.oraziog296 welcome to the community.  
Thank you for sharing more information.  
I created [this project](https://x.thunkable.com/projects/64db7c09460f8f3e0afc3658/a2a87bab-946a-4647-ab62-0454b63d7819/designer) in order to replicate the issue but it works for me.  
Could you please check?  
How did you test the app?  
Android, iOS, or web?

---

<div class="post-metadata">

**Author:** ![j.oraziog296](https://avatars.discourse-cdn.com/v4/letter/j/85f322/32.png) [@j.oraziog296](https://community.thunkable.com/u/j.oraziog296)\
**Post date:** [August 16, 2023, 12:01pm UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/10 "2023-08-16T12:01:12Z")

</div>

@ioannis your code works, and I must have a problem with my list. I am pulling the airtable rows into a list. I have the url set as an image and text set to a label. Originally I could see the text and not the image, now I can’t see either.

---

<div class="post-metadata">

**Author:** ![versatile](https://avatars.discourse-cdn.com/v4/letter/v/c68b51/32.png) [@versatile](https://community.thunkable.com/u/versatile)\
**Post date:** [August 16, 2023, 5:13pm UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/11 "2023-08-16T17:13:14Z")

</div>

In my case the link generated by the cloudinary are saved on to the Airtable spreadsheet,and I set a timer to display theses images on the at a given one after the other with the “Timer” feature continuously whenever the screen is opened.  
It worked perfectly on Stp but not on DND

---

<div class="post-metadata">

**Author:** ![j.oraziog296](https://avatars.discourse-cdn.com/v4/letter/j/85f322/32.png) [@j.oraziog296](https://community.thunkable.com/u/j.oraziog296)\
**Post date:** [August 17, 2023, 3:30am UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/12 "2023-08-17T03:30:00Z")

</div>

here are my blocks from an earlier version… I’ve hardcoded a search string for now. the url is displaying as text as expected in the list viewer. but the image is not appearing.`

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/6/16b0da6b64aeed04b275dd228891aeed7e78ca67.png)

---

<div class="post-metadata">

**Author:** ![versatile](https://avatars.discourse-cdn.com/v4/letter/v/c68b51/32.png) [@versatile](https://community.thunkable.com/u/versatile)\
**Post date:** [August 17, 2023, 3:32am UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/13 "2023-08-17T03:32:49Z")

</div>

so what could be done

---

<div class="post-metadata">

**Author:** ![j.oraziog296](https://avatars.discourse-cdn.com/v4/letter/j/85f322/32.png) [@j.oraziog296](https://community.thunkable.com/u/j.oraziog296)\
**Post date:** [August 24, 2023, 1:32pm UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/14 "2023-08-24T13:32:17Z")

</div>

any updates?

---

<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:** [August 24, 2023, 2:51pm UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/15 "2023-08-24T14:51:31Z")

</div>

What is the image url? How are you trying to display it? Does it display correctly when assigned to an Image component?

---

<div class="post-metadata">

**Author:** ![j.oraziog296](https://avatars.discourse-cdn.com/v4/letter/j/85f322/32.png) [@j.oraziog296](https://community.thunkable.com/u/j.oraziog296)\
**Post date:** [August 25, 2023, 4:07am UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/16 "2023-08-25T04:07:30Z")

</div>

Hi @tatiang . the image url is ([https://res.cloudinary.com/dvsqe85pw/image/upload/v1691450670/ndyq3gvtv84e1hbe1mv9.png](https://res.cloudinary.com/dvsqe85pw/image/upload/v1691450670/ndyq3gvtv84e1hbe1mv9.png))  
(it’s just a test image during the build stages) . I have a similar arragement to @versatile - the cloudinary image url is stored in airtable, then queried through a list. Then finally the URL selected from the list is set to an image component (via a variable).

---

<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:** [August 25, 2023, 5:09am UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/17 "2023-08-25T05:09:57Z")

</div>

If you set the Image component’s url to that url manually, does it show up?

If so, then you aren’t getting that url correctly from Airtable. If it doesn’t show up, then there is an image formatting problem.

---

<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:** [August 25, 2023, 5:13am UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/18 "2023-08-25T05:13:16Z")

</div>

Actually, looking at your blocks, you’re trying to assign a list variable to an image. You can’t do that. An image url has to be a text string.

---

<div class="post-metadata">

**Author:** ![j.oraziog296](https://avatars.discourse-cdn.com/v4/letter/j/85f322/32.png) [@j.oraziog296](https://community.thunkable.com/u/j.oraziog296)\
**Post date:** [August 26, 2023, 11:43am UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/20 "2023-08-26T11:43:28Z")

</div>

thanks for your input @tatiang - back to the drawing board. If you can give me some insight on how I can solve this it would be appreciated. My airtable only has 2 columns and I just want to query a column and then return the photo url with a corresponding match. Unfortunately thunkable does not support SQL queries, which I am quite comfortable with, and I am not accustomed to quering databases in the manner demonstrated by thunkable documentation.  
As I stated in an earlier post when I was testing, the url was populating the list view or label, so I could see the url I wanted to view the image of

---

<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:** [August 26, 2023, 3:09pm UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/21 "2023-08-26T15:09:59Z")

</div>

It’s hard to troubleshoot this because you haven’t answered the questions I asked so I’m not sure what to recommend now.

To display an image, you would need to:

1. Get the url from Airtable
2. Assign the retrieved url to an Image component’s picture

Is #1 working? It sounds like it is if you can display it in a label.

Is #2 working? If not, does it work to manually paste the same url into an Image component’s picture in the Design tab and view the image?

---

<div class="post-metadata">

**Author:** ![j.oraziog296](https://avatars.discourse-cdn.com/v4/letter/j/85f322/32.png) [@j.oraziog296](https://community.thunkable.com/u/j.oraziog296)\
**Post date:** [August 26, 2023, 10:44pm UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/22 "2023-08-26T22:44:32Z")

</div>

Yes , #1 is working.  
But #2 is not. And yes - I previously tried setting the image URL to the image component directly on the design page and that is working,.

---

<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:** [August 26, 2023, 11:15pm UTC](https://community.thunkable.com/t/solved-image-not-displaying/2533378/23 "2023-08-26T23:15:55Z")

</div>

Then the url is correct but you’re either retrieving it incorrectly or saving it incorrectly in a variable. I mentioned before that you were trying to store a url as a _list_. Have you fixed that? If so, post an updated screenshot of your blocks.

[Next page](https://community.thunkable.com/t/solved-image-not-displaying/2533378.md?page=2)
