# Upload the image to a Data List Viewer

**URL:** <https://community.thunkable.com/t/upload-the-image-to-a-data-list-viewer/1095200>\
**Category:** Questions about Thunkable X\
**Created:** [February 13, 2021, 1:46pm UTC](https://community.thunkable.com/t/upload-the-image-to-a-data-list-viewer/1095200 "2021-02-13T13:46:03Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![mauro.drghk](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@mauro.drghk](https://community.thunkable.com/u/mauro.drghk)\
**Post date:** [February 13, 2021, 1:46pm UTC](https://community.thunkable.com/t/upload-the-image-to-a-data-list-viewer/1095200/1 "2021-02-13T13:46:03Z")

</div>

Hi, I can’t upload the image to a Data List Viewer. When testing the application on the smartphone it does not upload any photos (Cloudinary works correctly). I don’t understand where the mistake is. Thank you.

 ![Screenshot 2021-02-13 153617](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/a/cab204d7538f29880ddc2fd10881e1accfb50514.jpeg)

---

<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:** [February 13, 2021, 1:59pm UTC](https://community.thunkable.com/t/upload-the-image-to-a-data-list-viewer/1095200/2 "2021-02-13T13:59:57Z")

</div>

You should save the `URL` of the photo to the` data source` connected to the DVL (`Data Viewer List`) not directly to the DVL.

If you want it direct to the DVL then you need to change the `"1"` that you inserted in place of `row ID` to the actual `row ID` of this row in the DVL.

---

<div class="post-metadata">

**Author:** ![mauro.drghk](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@mauro.drghk](https://community.thunkable.com/u/mauro.drghk)\
**Post date:** [February 13, 2021, 2:19pm UTC](https://community.thunkable.com/t/upload-the-image-to-a-data-list-viewer/1095200/3 "2021-02-13T14:19:11Z")

</div>

> [@muneer](#):
>
> the actual `row ID` of this row

Where I can find the actual row ID of this (and others) row?

---

<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:** [February 13, 2021, 2:25pm UTC](https://community.thunkable.com/t/upload-the-image-to-a-data-list-viewer/1095200/4 "2021-02-13T14:25:18Z")

</div>

In the DVL there is a block called `Item Click`, you will have a green block `row id` which is the row ID that you should refer to. Of course this is available when the user clicks in one of the displayed items.

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

---

<div class="post-metadata">

**Author:** ![mauro.drghk](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@mauro.drghk](https://community.thunkable.com/u/mauro.drghk)\
**Post date:** [February 13, 2021, 3:03pm UTC](https://community.thunkable.com/t/upload-the-image-to-a-data-list-viewer/1095200/5 "2021-02-13T15:03:22Z")

</div>

I understand how it works in the example you gave me. But in my case what is the value of “row id” (red circle in the photo attached)? I mean in a data list viewer there are X row, but where I can find the value (“id”) of each row?

 ![Screenshot 2021-02-13 165456](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/d/8dadeca3c857dcc5d4e0f306ac01b0fb51d997fd.jpeg)

---

<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:** [February 13, 2021, 4:03pm UTC](https://community.thunkable.com/t/upload-the-image-to-a-data-list-viewer/1095200/6 "2021-02-13T16:03:07Z")

</div>

I know of only two ways but there might be more.

The easiest way is if your DVL is connected to a Google sheet. In this case first row will have the row ID of 1 and second row will have the row ID of 2. Easy enough.

In the case your DVL is connected to a Local Data Source or to an Airtable table then the row ID in the unique row ID of the Airtable table.

Hope this helps.

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [February 14, 2021, 2:30am UTC](https://community.thunkable.com/t/upload-the-image-to-a-data-list-viewer/1095200/7 "2021-02-14T02:30:38Z")

</div>

Use the DATA VIEWER REFRESH block, then you don’t need to manually update your DVL. If you link your DVL to the correct columns, then that is enough.

---

<div class="post-metadata">

**Author:** ![mauro.drghk](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@mauro.drghk](https://community.thunkable.com/u/mauro.drghk)\
**Post date:** [February 14, 2021, 10:55am UTC](https://community.thunkable.com/t/upload-the-image-to-a-data-list-viewer/1095200/8 "2021-02-14T10:55:37Z")

</div>

Now it works, thanks. But now I have another problem. The images load only when I load them by clicking a button and not when the screen opens. How do I get the photos loaded when the screen opens?

---

<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:** [February 14, 2021, 3:16pm UTC](https://community.thunkable.com/t/upload-the-image-to-a-data-list-viewer/1095200/9 "2021-02-14T15:16:07Z")

</div>

If you have the URL of your photos saved in a table in Airtable or Google sheets or simple in a local storage then you can **connect** the Data Viewer List to this table and the images will show once the screen is open.

---

<div class="post-metadata">

**Author:** ![mauro.drghk](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@mauro.drghk](https://community.thunkable.com/u/mauro.drghk)\
**Post date:** [February 14, 2021, 4:05pm UTC](https://community.thunkable.com/t/upload-the-image-to-a-data-list-viewer/1095200/10 "2021-02-14T16:05:08Z")

</div>

This is the current situation (see attached file). When I upload the photo from the photogallery the image appears, but every time the screen opens the image does not appear. I always go back to the initial problem (row id).

 ![Screenshot 2021-02-14 175853](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/a/3a68f1bd317f2fd2d9ca03148dbd737050203bdd.jpeg)

---

<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:** [February 14, 2021, 4:50pm UTC](https://community.thunkable.com/t/upload-the-image-to-a-data-list-viewer/1095200/11 "2021-02-14T16:50:42Z")

</div>

That is exactly true. When you upload directly to the image in the Data Viewer List you are **temporarily** overriding the content of the Data Viewer List so you will need this every time.

The better way is to save the URL of your image in a table and connect the Data Viewer List to this table and you will see the image every time the screen opens.

---

<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:29pm UTC](https://community.thunkable.com/t/upload-the-image-to-a-data-list-viewer/1095200/12 "2024-11-08T13:29:25Z")

</div>


