# Possible to add Images to List Viewer?

**URL:** https://community.thunkable.com/t/possible-to-add-images-to-list-viewer/872031
**Category:** Questions about Thunkable X
**Created:** [October 4, 2020, 2:43am UTC](https://community.thunkable.com/t/possible-to-add-images-to-list-viewer/872031 "2020-10-04T02:43:23Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![tysonunruh](https://avatars.discourse-cdn.com/v4/letter/t/85f322/32.png) [@tysonunruh](https://community.thunkable.com/u/tysonunruh)
#### Post date: [October 4, 2020, 2:43am UTC](https://community.thunkable.com/t/possible-to-add-images-to-list-viewer/872031/1 "2020-10-04T02:43:24Z")

</div>

I have a database with Title, Text and ImageUrl columns. My app users will be able to query the database via the api using search terms that match the title and text. I need the data to be displayed in a list view with the title, text and image in each row. I could migrate my data to AirTable but as far as I know its not possible to create queries and return part of a table. Are there any workarounds to add images to the List Viewer? It would all work nicely if this would be possible.

---

<div class="post-metadata">

### Author: ![roumak-coder](https://avatars.discourse-cdn.com/v4/letter/r/b38774/32.png) [@roumak-coder](https://community.thunkable.com/u/roumak-coder)
#### Post date: [October 4, 2020, 2:47am UTC](https://community.thunkable.com/t/possible-to-add-images-to-list-viewer/872031/2 "2020-10-04T02:47:22Z")

</div>

You can use data viewer list.

---

<div class="post-metadata">

### Author: ![tysonunruh](https://avatars.discourse-cdn.com/v4/letter/t/85f322/32.png) [@tysonunruh](https://community.thunkable.com/u/tysonunruh)
#### Post date: [October 4, 2020, 2:52am UTC](https://community.thunkable.com/t/possible-to-add-images-to-list-viewer/872031/3 "2020-10-04T02:52:05Z")

</div>

It’s not possible to have custom queries in data viewer. For example I need it to return only the rows where “query” is the the Text column. The only way is to use Firebase or a custom api but then you can’t integrate that with the Data List Viewer.

---

<div class="post-metadata">

### Author: ![roumak-coder](https://avatars.discourse-cdn.com/v4/letter/r/b38774/32.png) [@roumak-coder](https://community.thunkable.com/u/roumak-coder)
#### Post date: [October 4, 2020, 3:07am UTC](https://community.thunkable.com/t/possible-to-add-images-to-list-viewer/872031/4 "2020-10-04T03:07:16Z")

</div>

As far as I know, adding images to list viewer is not possible

---

<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: [October 4, 2020, 5:22am UTC](https://community.thunkable.com/t/possible-to-add-images-to-list-viewer/872031/5 "2020-10-04T05:22:47Z")

</div>

The AirTable commands in Thunkable allow you to get a row, column, or entire spreadsheet and then you can manipulate that data with the extensive List commands in Thunkable. So while you maybe can’t query as specifically as you’d like when retrieving data from AirTable, once you have that data, you can do all sorts of things with it in Thunkable.

[https://docs.thunkable.com/spreadsheet](https://docs.thunkable.com/spreadsheet)

---

<div class="post-metadata">

### Author: ![tysonunruh](https://avatars.discourse-cdn.com/v4/letter/t/85f322/32.png) [@tysonunruh](https://community.thunkable.com/u/tysonunruh)
#### Post date: [October 4, 2020, 4:03pm UTC](https://community.thunkable.com/t/possible-to-add-images-to-list-viewer/872031/6 "2020-10-04T16:03:35Z")

</div>

This won’t work because of the size of the database. All sorting and filtering needs to be done server-side and not in the app because it’s just not feasible to download 1gb or more of data and filter that down to 15-20 small rows of data to be displayed. I think I’m going to try and use the “Any Component” blocks and build a custom function the iterates thought my web-api response and generates a custom list that will be placed in a scrollable column layout. I believe this method will allow me to create the rows I want with the title, text and image in each row.

---

<div class="post-metadata">

### Author: ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)
#### Post date: [October 4, 2020, 5:12pm UTC](https://community.thunkable.com/t/possible-to-add-images-to-list-viewer/872031/7 "2020-10-04T17:12:13Z")

</div>

If you want to pm, I’d be interested in helping you achieve this goal ive been working on server side filtering.

I think it’s be easy enough

Also, airtable does allow for querying with filters. Do you need an example?

---

<div class="post-metadata">

### Author: ![tysonunruh](https://avatars.discourse-cdn.com/v4/letter/t/85f322/32.png) [@tysonunruh](https://community.thunkable.com/u/tysonunruh)
#### Post date: [October 4, 2020, 9:33pm UTC](https://community.thunkable.com/t/possible-to-add-images-to-list-viewer/872031/8 "2020-10-04T21:33:29Z")

</div>

Well, you I’m going to try and use the Any Component block method before with my current database system before I migrate stuff to Airtable. But I’ll pm you if I run into a wall. Thanks

---

<div class="post-metadata">

### Author: ![hacker\_2009](https://avatars.discourse-cdn.com/v4/letter/h/8baadc/32.png) [@hacker\_2009](https://community.thunkable.com/u/hacker_2009)
#### Post date: [October 5, 2020, 6:53am UTC](https://community.thunkable.com/t/possible-to-add-images-to-list-viewer/872031/9 "2020-10-05T06:53:29Z")

</div>

That’s right…imgs are bit difficult to put in list viewer! But a simple idea:  
When list viewer item click, navigate to img\_screen and there is where you can put the image according a stored 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: [November 8, 2024, 12:23pm UTC](https://community.thunkable.com/t/possible-to-add-images-to-list-viewer/872031/10 "2024-11-08T12:23:37Z")

</div>


