# Display an Image by its URL in a data viewer list

**URL:** <https://community.thunkable.com/t/display-an-image-by-its-url-in-a-data-viewer-list/1248421>\
**Category:** Questions about Thunkable X\
**Created:** [April 27, 2021, 12:13pm UTC](https://community.thunkable.com/t/display-an-image-by-its-url-in-a-data-viewer-list/1248421 "2021-04-27T12:13:18Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![Giuseppe\_Geppo\_Catta](https://avatars.discourse-cdn.com/v4/letter/g/2acd7d/32.png) [@Giuseppe\_Geppo\_Catta](https://community.thunkable.com/u/Giuseppe_Geppo_Catta)\
**Post date:** [April 27, 2021, 12:13pm UTC](https://community.thunkable.com/t/display-an-image-by-its-url-in-a-data-viewer-list/1248421/1 "2021-04-27T12:13:18Z")

</div>

Hi,  
I need to display only SOME DATA from an airtable table.  
To do it, I get query results using WebAPI and then I put results on a local table.  
The problem is that I get Image as an URL And I don’t know if it’s possible to display un image by URL in an image object.  
Is it possible?  
How can I do alternatively?  
thank you

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [April 27, 2021, 12:51pm UTC](https://community.thunkable.com/t/display-an-image-by-its-url-in-a-data-viewer-list/1248421/2 "2021-04-27T12:51:46Z")

</div>

Yes, you can display an image by giving the URL. You just do something like this:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/3/f3162eafe4dce9aac4cdf53c43594147eb6c24b4.png)

---

<div class="post-metadata">

**Author:** ![Giuseppe\_Geppo\_Catta](https://avatars.discourse-cdn.com/v4/letter/g/2acd7d/32.png) [@Giuseppe\_Geppo\_Catta](https://community.thunkable.com/u/Giuseppe_Geppo_Catta)\
**Post date:** [April 27, 2021, 1:02pm UTC](https://community.thunkable.com/t/display-an-image-by-its-url-in-a-data-viewer-list/1248421/3 "2021-04-27T13:02:14Z")

</div>

The problem is that I’m populating a data viewer list

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/9/598726b1ca2fe9c9af7c6fe8e628f4c83b9134d6.png)  
So “Immagine” should already be the picture value but It doesn’t seem to work.  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/0/50fe25d85e3b5a3b689992164b563d61ac56cb64.png)  
Can you notice something wrong with it?

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [April 27, 2021, 1:20pm UTC](https://community.thunkable.com/t/display-an-image-by-its-url-in-a-data-viewer-list/1248421/4 "2021-04-27T13:20:44Z")

</div>

Can you just show the url in the screen in a label? Just to be sure that your object blocks returns the proper url text.

---

<div class="post-metadata">

**Author:** ![Giuseppe\_Geppo\_Catta](https://avatars.discourse-cdn.com/v4/letter/g/2acd7d/32.png) [@Giuseppe\_Geppo\_Catta](https://community.thunkable.com/u/Giuseppe_Geppo_Catta)\
**Post date:** [April 27, 2021, 1:34pm UTC](https://community.thunkable.com/t/display-an-image-by-its-url-in-a-data-viewer-list/1248421/5 "2021-04-27T13:34:21Z")

</div>

You’re right, there was an error “translating” the object, 'cause Immagine is a list and not a simple property.  
Now I can get the right url.  
There was another error. If there are no image, the list is empty and so I have to manage the exception.  
Thank you!

---

<div class="post-metadata">

**Author:** ![Giuseppe\_Geppo\_Catta](https://avatars.discourse-cdn.com/v4/letter/g/2acd7d/32.png) [@Giuseppe\_Geppo\_Catta](https://community.thunkable.com/u/Giuseppe_Geppo_Catta)\
**Post date:** [April 27, 2021, 1:54pm UTC](https://community.thunkable.com/t/display-an-image-by-its-url-in-a-data-viewer-list/1248421/6 "2021-04-27T13:54:18Z")

</div>

How to insert an if case in a value assignment? I would like to insert an empty string to Immagine value, if property Immagine doesn’t exist but i can’t figure out how to do it.  
This is the structure I use to fill records of my table I use to populate data viewer list.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/c/dcc1aeea443b440306469ada268a54285ddfeecf.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:** [April 27, 2021, 3:14pm UTC](https://community.thunkable.com/t/display-an-image-by-its-url-in-a-data-viewer-list/1248421/7 "2021-04-27T15:14:13Z")

</div>

> [@Giuseppe\_Geppo\_Catta](#):
>
> How to insert an if case in a value assignment?

That’s what this Control block is for:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/3/93b84535f8e8e2d72f81bb6982825183b5a115a0.png)

---

<div class="post-metadata">

**Author:** ![Giuseppe\_Geppo\_Catta](https://avatars.discourse-cdn.com/v4/letter/g/2acd7d/32.png) [@Giuseppe\_Geppo\_Catta](https://community.thunkable.com/u/Giuseppe_Geppo_Catta)\
**Post date:** [April 27, 2021, 4:20pm UTC](https://community.thunkable.com/t/display-an-image-by-its-url-in-a-data-viewer-list/1248421/8 "2021-04-27T16:20:50Z")

</div>

Wow! Has it always existed? I’ve never seen it before 😓  
Thank you!

---

<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:** [April 28, 2021, 5:43am UTC](https://community.thunkable.com/t/display-an-image-by-its-url-in-a-data-viewer-list/1248421/9 "2021-04-28T05:43:08Z")

</div>

You’re welcome! It’s been there a while, I think. It’s an easy one to miss.

---

<div class="post-metadata">

**Author:** ![Giuseppe\_Geppo\_Catta](https://avatars.discourse-cdn.com/v4/letter/g/2acd7d/32.png) [@Giuseppe\_Geppo\_Catta](https://community.thunkable.com/u/Giuseppe_Geppo_Catta)\
**Post date:** [April 29, 2021, 12:18pm UTC](https://community.thunkable.com/t/display-an-image-by-its-url-in-a-data-viewer-list/1248421/10 "2021-04-29T12:18:29Z")

</div>

Now I’ blocked to HOW to determine if the “Immagine” property exist in my object.  
Any suggestion?

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [April 29, 2021, 12:32pm UTC](https://community.thunkable.com/t/display-an-image-by-its-url-in-a-data-viewer-list/1248421/11 "2021-04-29T12:32:06Z")

</div>

How about using the pink ‘get object properties’ of your object, then using the blue list block that searches for a term in the list?

---

<div class="post-metadata">

**Author:** ![Giuseppe\_Geppo\_Catta](https://avatars.discourse-cdn.com/v4/letter/g/2acd7d/32.png) [@Giuseppe\_Geppo\_Catta](https://community.thunkable.com/u/Giuseppe_Geppo_Catta)\
**Post date:** [April 29, 2021, 12:36pm UTC](https://community.thunkable.com/t/display-an-image-by-its-url-in-a-data-viewer-list/1248421/12 "2021-04-29T12:36:54Z")

</div>

The “problem” is that Get object properies return a crash if no property with that name is found.  
It doesn’t allow exception or error terminal

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [April 29, 2021, 12:39pm UTC](https://community.thunkable.com/t/display-an-image-by-its-url-in-a-data-viewer-list/1248421/13 "2021-04-29T12:39:15Z")

</div>

I meant this one: ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/8/2846cdb80e279c3afb106a06ff7e3ba52e7090bb.png)

---

<div class="post-metadata">

**Author:** ![Giuseppe\_Geppo\_Catta](https://avatars.discourse-cdn.com/v4/letter/g/2acd7d/32.png) [@Giuseppe\_Geppo\_Catta](https://community.thunkable.com/u/Giuseppe_Geppo_Catta)\
**Post date:** [April 29, 2021, 12:40pm UTC](https://community.thunkable.com/t/display-an-image-by-its-url-in-a-data-viewer-list/1248421/14 "2021-04-29T12:40:45Z")

</div>

Ah ok, sorry for the misunderstanding, you are suggesting to get the whole properties and check the list result.  
I’ll try 😉  
thank you!

---

<div class="post-metadata">

**Author:** ![Giuseppe\_Geppo\_Catta](https://avatars.discourse-cdn.com/v4/letter/g/2acd7d/32.png) [@Giuseppe\_Geppo\_Catta](https://community.thunkable.com/u/Giuseppe_Geppo_Catta)\
**Post date:** [April 29, 2021, 12:45pm UTC](https://community.thunkable.com/t/display-an-image-by-its-url-in-a-data-viewer-list/1248421/15 "2021-04-29T12:45:04Z")

</div>

Perfect. It seems to work! And this is how the code is:

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

Thank you!

---

<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:** [November 8, 2024, 1:22pm UTC](https://community.thunkable.com/t/display-an-image-by-its-url-in-a-data-viewer-list/1248421/16 "2024-11-08T13:22:54Z")

</div>


