# Creating a scrolling view of all rows in my airtime including text and image columns

**URL:** <https://community.thunkable.com/t/creating-a-scrolling-view-of-all-rows-in-my-airtime-including-text-and-image-columns/271649>\
**Category:** Questions about Thunkable X\
**Tags:** airtable\
**Created:** [October 14, 2019, 7:11pm UTC](https://community.thunkable.com/t/creating-a-scrolling-view-of-all-rows-in-my-airtime-including-text-and-image-columns/271649 "2019-10-14T19:11:26Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![qaburns014w](https://avatars.discourse-cdn.com/v4/letter/q/58956e/32.png) [@qaburns014w](https://community.thunkable.com/u/qaburns014w)\
**Post date:** [October 14, 2019, 7:11pm UTC](https://community.thunkable.com/t/creating-a-scrolling-view-of-all-rows-in-my-airtime-including-text-and-image-columns/271649/1 "2019-10-14T19:11:26Z")

</div>

Hi, I am working on an app that will display a scrolling view of items for sale that are stored in an Airtable.  
I already coded the app to upload the data in Airtable. The column with an image is a text field with a url in it. I want my screen to display scrolling images and a text description for each row. I know there is a getallrows function but I’m not totally sure how to do it.

---

<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:** [October 15, 2019, 8:04am UTC](https://community.thunkable.com/t/creating-a-scrolling-view-of-all-rows-in-my-airtime-including-text-and-image-columns/271649/2 "2019-10-15T08:04:38Z")

</div>

Hi,

How many rows you want to withdraw from AirTable in the app? If more than 10, then take a look an example (this will not work on the install on the iOS app)

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

I have a universal example, but other people’s images are used in it. If you give me data in JSON format, then I’ll make a copy of an example for you.

---

<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:** [October 15, 2019, 8:43am UTC](https://community.thunkable.com/t/creating-a-scrolling-view-of-all-rows-in-my-airtime-including-text-and-image-columns/271649/3 "2019-10-15T08:43:52Z")

</div>

Example 2 (limit data per page)

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

---

<div class="post-metadata">

**Author:** ![qaburns014w](https://avatars.discourse-cdn.com/v4/letter/q/58956e/32.png) [@qaburns014w](https://community.thunkable.com/u/qaburns014w)\
**Post date:** [October 15, 2019, 4:02pm UTC](https://community.thunkable.com/t/creating-a-scrolling-view-of-all-rows-in-my-airtime-including-text-and-image-columns/271649/4 "2019-10-15T16:02:20Z")

</div>

How would I give you the data in JSON?  
Thanks, Quinn

---

<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:** [October 15, 2019, 6:52pm UTC](https://community.thunkable.com/t/creating-a-scrolling-view-of-all-rows-in-my-airtime-including-text-and-image-columns/271649/5 "2019-10-15T18:52:26Z")

</div>

Example 2 works for you? Do you understand how it works?

---

<div class="post-metadata">

**Author:** ![qaburns014w](https://avatars.discourse-cdn.com/v4/letter/q/58956e/32.png) [@qaburns014w](https://community.thunkable.com/u/qaburns014w)\
**Post date:** [October 15, 2019, 9:41pm UTC](https://community.thunkable.com/t/creating-a-scrolling-view-of-all-rows-in-my-airtime-including-text-and-image-columns/271649/6 "2019-10-15T21:41:35Z")

</div>

I am trying to build an app that would have a feed of all the posts of items for sale at my school. So it would be more than 10. How would I do that? I can send a screenshot of my Airtable. I would want to display the image and the text description. These are two posts that I added to test the app so far, I will have more than this for my actual app.

---

<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:** [October 16, 2019, 9:08am UTC](https://community.thunkable.com/t/creating-a-scrolling-view-of-all-rows-in-my-airtime-including-text-and-image-columns/271649/7 "2019-10-16T09:08:00Z")

</div>

First you need to learn to get all the data from AirTable using getAllRows and display them in the List Viewer. Can you do it?

You need something like this?

 ![%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/1/814e573de483a5a59c3039d99cbddc71aa491767.png)

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [October 16, 2019, 9:09am UTC](https://community.thunkable.com/t/creating-a-scrolling-view-of-all-rows-in-my-airtime-including-text-and-image-columns/271649/8 "2019-10-16T09:09:05Z")

</div>

> [@qaburns014w](#):
>
> since yesterday I get error when running testing my app on my phone. It was working fine before with the sign in and ability to add to items to my Airtable. Do you know why?

Hey @qaburns014w, are you using Thunkable Live or installing you app?

Are you on Android or iOS??

---

<div class="post-metadata">

**Author:** ![qaburns014w](https://avatars.discourse-cdn.com/v4/letter/q/58956e/32.png) [@qaburns014w](https://community.thunkable.com/u/qaburns014w)\
**Post date:** [October 16, 2019, 9:56pm UTC](https://community.thunkable.com/t/creating-a-scrolling-view-of-all-rows-in-my-airtime-including-text-and-image-columns/271649/9 "2019-10-16T21:56:54Z")

</div>

Hi Domhnall,  
I figured out my problem, I had errors in my code.  
Thanks,  
Quinn

---

<div class="post-metadata">

**Author:** ![qaburns014w](https://avatars.discourse-cdn.com/v4/letter/q/58956e/32.png) [@qaburns014w](https://community.thunkable.com/u/qaburns014w)\
**Post date:** [October 16, 2019, 9:59pm UTC](https://community.thunkable.com/t/creating-a-scrolling-view-of-all-rows-in-my-airtime-including-text-and-image-columns/271649/10 "2019-10-16T21:59:25Z")

</div>

Hi Actech,  
Yes that is what I need. But I’m having difficulty getting all rows, can you send me your code behind those pictures shown above? Also, will that work similarly on an IOS?  
Thanks,  
Quinn

---

<div class="post-metadata">

**Author:** ![qaburns014w](https://avatars.discourse-cdn.com/v4/letter/q/58956e/32.png) [@qaburns014w](https://community.thunkable.com/u/qaburns014w)\
**Post date:** [October 17, 2019, 2:05am UTC](https://community.thunkable.com/t/creating-a-scrolling-view-of-all-rows-in-my-airtime-including-text-and-image-columns/271649/11 "2019-10-17T02:05:16Z")

</div>

I was able to retrieve my data from Airtable into Thunkable, but it is not displaying the way I would like it to. I want it to show the picture and the text description.

 ![50%20PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/a/6a56e24b5cafd64a3eb2ef3cd775f4e88ca57ac5.png)  
 ![IMG_ACC3905680F4-1](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/4/842bf9619380f23456b0f80cba3f607d6ca23a11.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:** [October 17, 2019, 7:43am UTC](https://community.thunkable.com/t/creating-a-scrolling-view-of-all-rows-in-my-airtime-including-text-and-image-columns/271649/12 "2019-10-17T07:43:08Z")

</div>

Your example. You need to connect to obtain data from AirTable and personalize your information as you need.

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

---

<div class="post-metadata">

**Author:** ![qaburns014w](https://avatars.discourse-cdn.com/v4/letter/q/58956e/32.png) [@qaburns014w](https://community.thunkable.com/u/qaburns014w)\
**Post date:** [October 17, 2019, 2:21pm UTC](https://community.thunkable.com/t/creating-a-scrolling-view-of-all-rows-in-my-airtime-including-text-and-image-columns/271649/13 "2019-10-17T14:21:06Z")

</div>

I don’t understand. Did you look at my code, I retrieved all the data. How do I manipulate the data to display it on the string one row at a time so user can scroll through? I want more than one post on the page. How do I loop through rows to set the picture and description columns onto the screen?

---

<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:** [October 17, 2019, 2:53pm UTC](https://community.thunkable.com/t/creating-a-scrolling-view-of-all-rows-in-my-airtime-including-text-and-image-columns/271649/14 "2019-10-17T14:53:11Z")

</div>

My example works for you?

---

<div class="post-metadata">

**Author:** ![qaburns014w](https://avatars.discourse-cdn.com/v4/letter/q/58956e/32.png) [@qaburns014w](https://community.thunkable.com/u/qaburns014w)\
**Post date:** [October 17, 2019, 2:57pm UTC](https://community.thunkable.com/t/creating-a-scrolling-view-of-all-rows-in-my-airtime-including-text-and-image-columns/271649/15 "2019-10-17T14:57:52Z")

</div>

No

---

<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:** [October 17, 2019, 3:03pm UTC](https://community.thunkable.com/t/creating-a-scrolling-view-of-all-rows-in-my-airtime-including-text-and-image-columns/271649/16 "2019-10-17T15:03:52Z")

</div>

It is very strange. I have my example works on iOS 12.4.1, Android 8.1, Bluestackes 4 and MemuPlay. You run my example and do not see this image? What then is displayed on your screen and the device on which you run my project?

 ![%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/7/c748eaea85254f34e081c3a5dd017ceb5c4ca82a.png)

---

<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:08pm UTC](https://community.thunkable.com/t/creating-a-scrolling-view-of-all-rows-in-my-airtime-including-text-and-image-columns/271649/17 "2024-11-08T12:08:40Z")

</div>


