# Cloudinary image from Google Sheets Not Showing in Thunkable

**URL:** <https://community.thunkable.com/t/cloudinary-image-from-google-sheets-not-showing-in-thunkable/2614944>\
**Category:** Questions about Thunkable X\
**Tags:** help\
**Created:** [September 26, 2023, 4:41pm UTC](https://community.thunkable.com/t/cloudinary-image-from-google-sheets-not-showing-in-thunkable/2614944 "2023-09-26T16:41:29Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![wwaters104](https://avatars.discourse-cdn.com/v4/letter/w/b5ac83/32.png) [@wwaters104](https://community.thunkable.com/u/wwaters104)\
**Post date:** [September 26, 2023, 4:41pm UTC](https://community.thunkable.com/t/cloudinary-image-from-google-sheets-not-showing-in-thunkable/2614944/1 "2023-09-26T16:41:29Z")

</div>

Hi,  
I am new to Thunkable and have been following the how to create your first App Tutorial.

I added a DataViewer List with text and image and linked it to a Google Sheets data source which has Photo’s in the spreadsheet as a link to Cloudinary.

For some reason the images will not load from the Data source ?  
The links are public so anyone can view them.  
I only have a Free Account.

Any help on why the images wont load ?

Kind regards  
Will

---

<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:** [September 26, 2023, 6:41pm UTC](https://community.thunkable.com/t/cloudinary-image-from-google-sheets-not-showing-in-thunkable/2614944/2 "2023-09-26T18:41:17Z")

</div>

Welcome to Thunkable! It’s important to always provide a screenshot of your blocks or a link to your project. Otherwise, we have no way of knowing why something isn’t working.

---

<div class="post-metadata">

**Author:** ![wwaters104](https://avatars.discourse-cdn.com/v4/letter/w/b5ac83/32.png) [@wwaters104](https://community.thunkable.com/u/wwaters104)\
**Post date:** [September 26, 2023, 7:06pm UTC](https://community.thunkable.com/t/cloudinary-image-from-google-sheets-not-showing-in-thunkable/2614944/3 "2023-09-26T19:06:28Z")

</div>

Hi,

Thanks for your response.  
The blocks are the standard Data Viewer List component

As below from the Thunkable Academy Tutorial

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/4/4467f6c7e7df64b0ba8477085ac8fae6401bedfb.jpeg)

---

<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:** [September 26, 2023, 7:38pm UTC](https://community.thunkable.com/t/cloudinary-image-from-google-sheets-not-showing-in-thunkable/2614944/4 "2023-09-26T19:38:49Z")

</div>

Can you provide an example image url?

Can you share a screenshot of the field mapping for the Data Viewer List (DVL)? When you click on the DVL, the properties panel will be displayed at the top-right of the screen with those field mappings.

---

<div class="post-metadata">

**Author:** ![wwaters104](https://avatars.discourse-cdn.com/v4/letter/w/b5ac83/32.png) [@wwaters104](https://community.thunkable.com/u/wwaters104)\
**Post date:** [September 27, 2023, 4:31pm UTC](https://community.thunkable.com/t/cloudinary-image-from-google-sheets-not-showing-in-thunkable/2614944/5 "2023-09-27T16:31:59Z")

</div>

Picture url below. Maybe I need to resize it or does DVL auto resize?

Url to picture

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

 ![Screenshot (2)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/d/ed81e830095aadc21100ce8f5be53b917f5aa371.png)

Data\_Viewer\_List1  
Data Viewer List  
Data source  
View Data  
Table  
1  
Title  
Subtitle  
Get Image property from column  
Picture  
Get Title property from column  
Text  
Get Subtitle property from column  
Text  
Left Swipe  
Right Swipe  
Empty text  
Empty string  
Layout  
X  
1  
Y  
95  
W  
325  
H  
533  
Resize Mode  
Interactive

---

<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:** [September 27, 2023, 6:22pm UTC](https://community.thunkable.com/t/cloudinary-image-from-google-sheets-not-showing-in-thunkable/2614944/6 "2023-09-27T18:22:40Z")

</div>

Can you actually click on the Data\_Viewer\_List1 in the component tree at the top-left of the screen and then take a screenshot? Right now, you have the ScreenTheTeam selected instead so I can’t see the properties panel for the DVL.

---

<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:** [September 27, 2023, 6:28pm UTC](https://community.thunkable.com/t/cloudinary-image-from-google-sheets-not-showing-in-thunkable/2614944/7 "2023-09-27T18:28:57Z")

</div>

The DVL should resize the image for you. The link you shared to an image in Cloudinary cannot be displayed in an Image component in Thunkable. Did you try that? That’s a good test to know whether your urls are valid or not.

I believe you used Cloudinary asset links that include a download handler. You need to use the Copy URL menu option in Cloudinary instead. Your urls should look like this: [https://res.cloudinary.com/dfj2a8tbr/image/upload/v1686808597/cld-sample-5.jpg](https://res.cloudinary.com/dfj2a8tbr/image/upload/v1686808597/cld-sample-5.jpg)

But the one you posted above looks like this:

`https://asset.cloudinary.com/dcu0onpna/2bf4fac756e4f2eeb9ce87d5d773428e`

Here’s where Copy URL appears in the Share menu:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/0/4089c463ec3a4b2a017db16a815abae72d4130d8.jpeg)

---

<div class="post-metadata">

**Author:** ![wwaters104](https://avatars.discourse-cdn.com/v4/letter/w/b5ac83/32.png) [@wwaters104](https://community.thunkable.com/u/wwaters104)\
**Post date:** [September 27, 2023, 6:38pm UTC](https://community.thunkable.com/t/cloudinary-image-from-google-sheets-not-showing-in-thunkable/2614944/8 "2023-09-27T18:38:04Z")

</div>

Hi  
I pated the DVL properties after the screenshot

---

<div class="post-metadata">

**Author:** ![wwaters104](https://avatars.discourse-cdn.com/v4/letter/w/b5ac83/32.png) [@wwaters104](https://community.thunkable.com/u/wwaters104)\
**Post date:** [September 27, 2023, 7:21pm UTC](https://community.thunkable.com/t/cloudinary-image-from-google-sheets-not-showing-in-thunkable/2614944/9 "2023-09-27T19:21:03Z")

</div>

![image|349x500](upload://qxyqhfKXSqwBJnNBKm0I2f986vX.jpe

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/7/a7320b84e0b297f8b87a5a4b20cda7987dbd68a2.jpeg)  
g)

---

<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:** [September 27, 2023, 9:07pm UTC](https://community.thunkable.com/t/cloudinary-image-from-google-sheets-not-showing-in-thunkable/2614944/10 "2023-09-27T21:07:04Z")

</div>

> [@wwaters104](#):
>
> Hi  
> I pated the DVL properties after the screenshot

Yes, I saw that but it didn’t include a screenshot of the source and field mappings. Having it in text form isn’t very helpful, unfortunately.

**Did you fix the Cloudinary urls?**

---

<div class="post-metadata">

**Author:** ![claudiopontocom9jxgy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/claudiopontocom9jxgy/32/164555_2.png) [@claudiopontocom9jxgy](https://community.thunkable.com/u/claudiopontocom9jxgy)\
**Post date:** [November 16, 2023, 5:33pm UTC](https://community.thunkable.com/t/cloudinary-image-from-google-sheets-not-showing-in-thunkable/2614944/11 "2023-11-16T17:33:09Z")

</div>

Not sure if I should open a new thread or just answer this one.  
I am having a similar problem.  
I’m trying to build a personal profile app, where people can sign-up and see each others profiles.  
But can’t understand why the photo (a picture from the smartphone device) doesn’t work.  
When I make a live test, the button “Selfie” works, it takes the picture, but then, when I click “ok” on the picture, the app just shutdown.  
Follow print-screens of my project: (only 3 allowed)

 ![users-screen-blocks](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/c/9c16715c9e840093fe9eb078548dea34121a932e.jpeg)  
 ![signup-screen-frontend](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/f/ff821258f5d1b773d759aca8e796d26a838c1261.jpeg)  
 ![signup-screen-blcoks](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/e/9e6693023b6970c5a992c44ab680d2bcc4ddb29b.jpeg)

---

<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:** [November 16, 2023, 7:39pm UTC](https://community.thunkable.com/t/cloudinary-image-from-google-sheets-not-showing-in-thunkable/2614944/12 "2023-11-16T19:39:28Z")

</div>

What happens if you assign the `url from uploaded file` block to a label’s text? Does the app still crash? If not, what url is displayed? Is it a valid image url?

What happens if you right-click on the `url from uploaded file` block and click `Show advanced block" and then assign the green `error`block to a label's text (preferably a *different* label)? What does it show for the error? You can do the same thing for the`photo from camera` block. What does it show for the error?

---

<div class="post-metadata">

**Author:** ![claudiopontocom9jxgy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/claudiopontocom9jxgy/32/164555_2.png) [@claudiopontocom9jxgy](https://community.thunkable.com/u/claudiopontocom9jxgy)\
**Post date:** [November 17, 2023, 2:48pm UTC](https://community.thunkable.com/t/cloudinary-image-from-google-sheets-not-showing-in-thunkable/2614944/14 "2023-11-17T14:48:27Z")

</div>

Not sure if I understood. Not sure if made it correctly.  
I am very noobie to THUNKABLE and English is not my language.  
But, there it is:

1 - “What happens if you assign the url from uploaded file block to a label’s text? Does the app still crash? If not, what url is displayed? Is it a valid image url?”

Answer: I created a new screen just for testing, put a label and set its text to the URL of the Cloudinary image.

Here is the result:

 ![testing-screen](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/9/49105bd81c47fe9d230eb848cfe0c88fe8232538.jpeg)

If You select the entire text (URL) and right click, it will drive you to correct image.

2 - “… What does it show for the error?”

Answer: I created 2 labels and seted them as invisible.  
At the advanced block, I seted visibility to “true” and set the Texts to “error” and “URL” respectively.  
The App still crashing after clicking on “ok” button to confimr the picture taken.

I’m developing this app just for learning.  
If You wish, we can just give it up and restart from zero.  
All I want is just to learn how to create a system with sign-up and sign-in screens.

---

<div class="post-metadata">

**Author:** ![claudiopontocom9jxgy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/claudiopontocom9jxgy/32/164555_2.png) [@claudiopontocom9jxgy](https://community.thunkable.com/u/claudiopontocom9jxgy)\
**Post date:** [November 17, 2023, 4:05pm UTC](https://community.thunkable.com/t/cloudinary-image-from-google-sheets-not-showing-in-thunkable/2614944/15 "2023-11-17T16:05:40Z")

</div>

I don’t know what I did, but it’s working now.  
Thank You for you Help anyway.  
After I made what You told me to do, use advanced blocks, it’s working.  
I have no idea why and what is the connection, but it’s working.

---

<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:** [February 15, 2024, 4:06pm UTC](https://community.thunkable.com/t/cloudinary-image-from-google-sheets-not-showing-in-thunkable/2614944/16 "2024-02-15T16:06:31Z")

</div>

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