# Default image for each row in Data Viewer

**URL:** <https://community.thunkable.com/t/default-image-for-each-row-in-data-viewer/1318657>\
**Category:** Questions about Thunkable X\
**Created:** [May 31, 2021, 2:21pm UTC](https://community.thunkable.com/t/default-image-for-each-row-in-data-viewer/1318657 "2021-05-31T14:21:28Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![gene.arnold9d](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gene.arnold9d/32/86268_2.png) [@gene.arnold9d](https://community.thunkable.com/u/gene.arnold9d)\
**Post date:** [May 31, 2021, 2:21pm UTC](https://community.thunkable.com/t/default-image-for-each-row-in-data-viewer/1318657/1 "2021-05-31T14:21:28Z")

</div>

I’m using the Data Viewer connected to AirTable. It is working pretty good but I have a question regarding the image / title layout option. I would like to have a standard image assigned to each row. I realize the intended feature was to show specific images from URLs but I just want more of an icon next to each title. Now I can do this by hosting an image someplace and just assigning that url to each and every row but is there a way to use an uploaded image to handle this? I have the image added to the files section of my project. I can see that I can set up some options of the view in the blocks section but I have to do that for each row. I would like to have each row have the same image assigned to it that is stored in the files section of my project.

---

<div class="post-metadata">

**Author:** ![hartmailggg03m02](https://avatars.discourse-cdn.com/v4/letter/h/db5fbb/32.png) [@hartmailggg03m02](https://community.thunkable.com/u/hartmailggg03m02)\
**Post date:** [May 31, 2021, 2:26pm UTC](https://community.thunkable.com/t/default-image-for-each-row-in-data-viewer/1318657/2 "2021-05-31T14:26:54Z")

</div>

This probably won’t work, but you can create a column in airtable that will hold a link to your image. When creating a row in a table, write a reference to this column as a variable

---

<div class="post-metadata">

**Author:** ![gene.arnold9d](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gene.arnold9d/32/86268_2.png) [@gene.arnold9d](https://community.thunkable.com/u/gene.arnold9d)\
**Post date:** [May 31, 2021, 2:30pm UTC](https://community.thunkable.com/t/default-image-for-each-row-in-data-viewer/1318657/3 "2021-05-31T14:30:24Z")

</div>

That’s what I’m doing now. I have a column called image with a URL to the image that I want to use. I’m no assigning that URL to the image attribute for the viewer. It’s working fine but I have to find a place to host the image now and was just hoping to use the one stored in the app.

---

<div class="post-metadata">

**Author:** ![hartmailggg03m02](https://avatars.discourse-cdn.com/v4/letter/h/db5fbb/32.png) [@hartmailggg03m02](https://community.thunkable.com/u/hartmailggg03m02)\
**Post date:** [May 31, 2021, 2:30pm UTC](https://community.thunkable.com/t/default-image-for-each-row-in-data-viewer/1318657/4 "2021-05-31T14:30:58Z")

</div>

![строка со ссылкой](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/5/95cbfeb27aee8e4f43f77ddec2d8442cb2982c9c.png)  
примерно вот так

---

<div class="post-metadata">

**Author:** ![hartmailggg03m02](https://avatars.discourse-cdn.com/v4/letter/h/db5fbb/32.png) [@hartmailggg03m02](https://community.thunkable.com/u/hartmailggg03m02)\
**Post date:** [May 31, 2021, 2:32pm UTC](https://community.thunkable.com/t/default-image-for-each-row-in-data-viewer/1318657/5 "2021-05-31T14:32:09Z")

</div>

unfortunately, I do not see any other solution methods, but I think someone else will share their methods

---

<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:** [May 31, 2021, 3:01pm UTC](https://community.thunkable.com/t/default-image-for-each-row-in-data-viewer/1318657/6 "2021-05-31T15:01:58Z")

</div>

First add the image to your project.

Then do something like this

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

This code will assign the same image to all rows in the DVL.

**NOTE**  
The column name in the `list of values` block has to be **ID**.

---

<div class="post-metadata">

**Author:** ![gene.arnold9d](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gene.arnold9d/32/86268_2.png) [@gene.arnold9d](https://community.thunkable.com/u/gene.arnold9d)\
**Post date:** [May 31, 2021, 3:44pm UTC](https://community.thunkable.com/t/default-image-for-each-row-in-data-viewer/1318657/7 "2021-05-31T15:44:40Z")

</div>

Spot on my friend! Thank you

---

<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:** [May 31, 2021, 3:47pm UTC](https://community.thunkable.com/t/default-image-for-each-row-in-data-viewer/1318657/8 "2021-05-31T15:47:29Z")

</div>

Welcome. Glad to see my code helping others.

---

<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:** [May 31, 2021, 3:50pm UTC](https://community.thunkable.com/t/default-image-for-each-row-in-data-viewer/1318657/9 "2021-05-31T15:50:24Z")

</div>

Of course you can enhance on it and have more than one image. Let’s say you want to show all products but those not currently available on shelf you want to show “Out of Stock” image others you want to show your shop logo. There are many ideas that can make your app seems smarter.

---

<div class="post-metadata">

**Author:** ![gene.arnold9d](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/gene.arnold9d/32/86268_2.png) [@gene.arnold9d](https://community.thunkable.com/u/gene.arnold9d)\
**Post date:** [May 31, 2021, 3:54pm UTC](https://community.thunkable.com/t/default-image-for-each-row-in-data-viewer/1318657/10 "2021-05-31T15:54:00Z")

</div>

I agree. By using this method I can inject logic to control what image shows up. Very cool approach fro sure. It does exactly what I was looking for.

---

<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/default-image-for-each-row-in-data-viewer/1318657/11 "2024-11-08T13:22:11Z")

</div>


