# Multiple rows from Airtable to Listview

**URL:** <https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802>\
**Category:** Questions about Thunkable X\
**Created:** [April 17, 2019, 11:33pm UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802 "2019-04-17T23:33:12Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![delee\_techdeveloper](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/delee_techdeveloper/32/29616_2.png) [@delee\_techdeveloper](https://community.thunkable.com/u/delee_techdeveloper)\
**Post date:** [April 25, 2019, 12:02am UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/21 "2019-04-25T00:02:34Z")

</div>

That’s it right there thank you so much!!! Is it possible to show a detailed view of each selection with the same template. For an example if I wanted the name at the top, the image under the name , and the text under it as the template and for each selected it would apply to this template?

---

<div class="post-metadata">

**Author:** ![EdenRossa](https://avatars.discourse-cdn.com/v4/letter/e/f14d63/32.png) [@EdenRossa](https://community.thunkable.com/u/EdenRossa)\
**Post date:** [April 25, 2019, 12:20am UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/22 "2019-04-25T00:20:29Z")

</div>

I’m also facing the same problem. I could not make the listview to display all the item i want. There is just 1 text in listview. I hope there is someone that can help us

---

<div class="post-metadata">

**Author:** ![delee\_techdeveloper](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/delee_techdeveloper/32/29616_2.png) [@delee\_techdeveloper](https://community.thunkable.com/u/delee_techdeveloper)\
**Post date:** [April 25, 2019, 12:37am UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/23 "2019-04-25T00:37:32Z")

</div>

I only need an image and 1 text in the list view.

My next step when you click the item that you go to a detail page of that item.

---

<div class="post-metadata">

**Author:** ![EdenRossa](https://avatars.discourse-cdn.com/v4/letter/e/f14d63/32.png) [@EdenRossa](https://community.thunkable.com/u/EdenRossa)\
**Post date:** [April 25, 2019, 12:39am UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/24 "2019-04-25T00:39:27Z")

</div>

Did you integrate you data with airtable ? I mean did you want to get your data from each column in airtable ?

---

<div class="post-metadata">

**Author:** ![delee\_techdeveloper](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/delee_techdeveloper/32/29616_2.png) [@delee\_techdeveloper](https://community.thunkable.com/u/delee_techdeveloper)\
**Post date:** [April 25, 2019, 2:26am UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/25 "2019-04-25T02:26:28Z")

</div>

Yes

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [April 25, 2019, 7:17am UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/26 "2019-04-25T07:17:49Z")

</div>

The ListViewer component has a block for handling clicks on a list item. In this block, you need to get the current index, and then go to the new screen, where to place the template (Image, Label and other widgets) as you need. You have an index of the selected list item and with it you can get the necessary data from the table and insert it into your template.

---

<div class="post-metadata">

**Author:** ![delee\_techdeveloper](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/delee_techdeveloper/32/29616_2.png) [@delee\_techdeveloper](https://community.thunkable.com/u/delee_techdeveloper)\
**Post date:** [April 29, 2019, 3:27pm UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/27 "2019-04-29T15:27:18Z")

</div>

You are amazing thank you do you have an example i may can look at of this

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [April 30, 2019, 6:54am UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/28 "2019-04-30T06:54:33Z")

</div>

Unfortunately, there is no example. Thunkable Live does not work for me.

---

<div class="post-metadata">

**Author:** ![delee\_techdeveloper](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/delee_techdeveloper/32/29616_2.png) [@delee\_techdeveloper](https://community.thunkable.com/u/delee_techdeveloper)\
**Post date:** [May 9, 2019, 8:55pm UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/29 "2019-05-09T20:55:43Z")

</div>

do you have any resources that can help with this?

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 10, 2019, 8:47am UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/30 "2019-05-10T08:47:46Z")

</div>

I can offer you to break a complex task into several simple ones and solve them consistently. You have a base in AirTable. First try to get the data of any text column from it in the ListViewer. If this happens, then after that, when you click on the list option, it will go to the next screen and display the text of the selected option in the Label. If this happens, then solve the following problem.

See examples of working with AirTable and List Viewer in the project.

[https://x.thunkable.com/projects/5cc9570f7e2a78259a8c0a78/project/properties/designer/](https://x.thunkable.com/projects/5cc9570f7e2a78259a8c0a78/project/properties/designer/)

---

<div class="post-metadata">

**Author:** ![delee\_techdeveloper](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/delee_techdeveloper/32/29616_2.png) [@delee\_techdeveloper](https://community.thunkable.com/u/delee_techdeveloper)\
**Post date:** [May 10, 2019, 2:04pm UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/31 "2019-05-10T14:04:45Z")

</div>

This is a great idea and my plan is exactly like you stated. The problem is how do I put the blocks together to complete each step. I’m going to look at the link you suggested and learn how they did it.

---

<div class="post-metadata">

**Author:** ![junjoseph](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/junjoseph/32/42730_2.png) [@junjoseph](https://community.thunkable.com/u/junjoseph)\
**Post date:** [May 13, 2019, 10:49am UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/32 "2019-05-13T10:49:13Z")

</div>

We have the same idea but we can execute as the sample has. Im still finding the solution of this matter. But the idea “I create and Panel with Image a two row for Name & Price” this is to copy in every data of each row from Airtable. Hoping for everyone has an Idea for a big help in each of us! 🙂

 ![Viewcard%20list%20from%20airtable](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/8/482a71c8c9cf6b37bcadd068f5d0d7ef64145ed4.jpeg)

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 13, 2019, 2:04pm UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/33 "2019-05-13T14:04:38Z")

</div>

Have you seen such solutions?

> [@Multiple rows from Airtable to Listview](http://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/17):
>
> Custom ListViewer [https://x.thunkable.com/projects/5c9b69e83ea5634b38fcab13/project/properties/designer/](https://x.thunkable.com/projects/5c9b69e83ea5634b38fcab13/project/properties/designer/) or [https://x.thunkable.com/projects/5c9b6de0a692b51a36d14f7d/project/properties/designer/](https://x.thunkable.com/projects/5c9b6de0a692b51a36d14f7d/project/properties/designer/)

Custom list in Thunkable X can only be created using WebViewer.

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 13, 2019, 2:25pm UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/34 "2019-05-13T14:25:29Z")

</div>

I can also suggest using embedded AirTable.

[https://x.thunkable.com/projects/5cd914f2e3097f40f9fdb64c/project/properties/designer/](https://x.thunkable.com/projects/5cd914f2e3097f40f9fdb64c/project/properties/designer/)

---

<div class="post-metadata">

**Author:** ![delee\_techdeveloper](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/delee_techdeveloper/32/29616_2.png) [@delee\_techdeveloper](https://community.thunkable.com/u/delee_techdeveloper)\
**Post date:** [May 13, 2019, 7:05pm UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/35 "2019-05-13T19:05:26Z")

</div>

yassssss!!! I just love you thank you

---

<div class="post-metadata">

**Author:** ![delee\_techdeveloper](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/delee_techdeveloper/32/29616_2.png) [@delee\_techdeveloper](https://community.thunkable.com/u/delee_techdeveloper)\
**Post date:** [May 13, 2019, 7:06pm UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/36 "2019-05-13T19:06:51Z")

</div>

This is exactly what I need, have you already put it into thunkable?

---

<div class="post-metadata">

**Author:** ![delee\_techdeveloper](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/delee_techdeveloper/32/29616_2.png) [@delee\_techdeveloper](https://community.thunkable.com/u/delee_techdeveloper)\
**Post date:** [June 9, 2019, 4:12am UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/37 "2019-06-09T04:12:17Z")

</div>

Did you get this to work?

---

<div class="post-metadata">

**Author:** ![justin.thanh84v20](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/justin.thanh84v20/32/67711_2.png) [@justin.thanh84v20](https://community.thunkable.com/u/justin.thanh84v20)\
**Post date:** [March 20, 2020, 10:09am UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/38 "2020-03-20T10:09:49Z")

</div>

hi @actech ,

I have same issue with @junjoseph  
I cannot find the solution right now, Could you please help me?  
btw 2 your links couldn’t access right now,

Thanks

---

<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:** [March 20, 2020, 11:26am UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/39 "2020-03-20T11:26:17Z")

</div>

Hi! @justin.thanh84v20. What you are asking for is a custom “fancy” list viewer. You will construct your model and then have the app clone and fill

See this link, there are three versions of this idea.  
[Changing properties of cloned components (DIY Advanced Listviewer) - #26 by Jared\_Gibb](http://community.thunkable.com/t/changing-properties-of-cloned-components-diy-advanced-listviewer/153213/26)

---

<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, 11:39am UTC](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802/40 "2024-11-08T11:39:43Z")

</div>



[Previous page](https://community.thunkable.com/t/multiple-rows-from-airtable-to-listview/74802.md?page=1)
