# Move to next row in Airtable

**URL:** <https://community.thunkable.com/t/move-to-next-row-in-airtable/2735659>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [December 2, 2023, 3:16pm UTC](https://community.thunkable.com/t/move-to-next-row-in-airtable/2735659 "2023-12-02T15:16:38Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![ozel1978](https://avatars.discourse-cdn.com/v4/letter/o/3ec8ea/32.png) [@ozel1978](https://community.thunkable.com/u/ozel1978)\
**Post date:** [December 2, 2023, 3:16pm UTC](https://community.thunkable.com/t/move-to-next-row-in-airtable/2735659/1 "2023-12-02T15:16:38Z")

</div>

Hi All,

I have checked on forum but nothing similar with design that i want.  
Here how design look like.  
Page 1  
users can click any image that he want.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/f/7fa91faf0a1e81fcfce5678e64e59294ecb4de7e.png)

Page 2  
where the details will shown and next button will take part from this page.

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

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

hope i can get some advice for this issue.

---

<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:** [December 2, 2023, 7:43pm UTC](https://community.thunkable.com/t/move-to-next-row-in-airtable/2735659/2 "2023-12-02T19:43:28Z")

</div>

Because of a change that Airtable made to their database structure, it will not work to have photos/attachments in Airtable if you plan to use them in Thunkable. You can store **urls** in Airtable and access images that way but they cannot be stored directly in Airtable. If you need somewhere to upload the photos, Cloudinary works well for that.

I don’t understand your question. Can you give a specific example such as “The user clicks on the photo of an elephant and then clicks to go to the next screen and then I want the word ‘Keldai’ to be displayed”?

---

<div class="post-metadata">

**Author:** ![ozel1978](https://avatars.discourse-cdn.com/v4/letter/o/3ec8ea/32.png) [@ozel1978](https://community.thunkable.com/u/ozel1978)\
**Post date:** [December 3, 2023, 12:59am UTC](https://community.thunkable.com/t/move-to-next-row-in-airtable/2735659/3 "2023-12-03T00:59:06Z")

</div>

yes that exactly i want to do.

---

<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:** [December 3, 2023, 5:01am UTC](https://community.thunkable.com/t/move-to-next-row-in-airtable/2735659/4 "2023-12-03T05:01:56Z")

</div>

The row id should be a variable and you can increase the variable by one right before you navigate to a new screen.

---

<div class="post-metadata">

**Author:** ![ozel1978](https://avatars.discourse-cdn.com/v4/letter/o/3ec8ea/32.png) [@ozel1978](https://community.thunkable.com/u/ozel1978)\
**Post date:** [December 3, 2023, 6:53am UTC](https://community.thunkable.com/t/move-to-next-row-in-airtable/2735659/5 "2023-12-03T06:53:16Z")

</div>

I dont think it work because my design will display all picture in page no1 and to define the row we need to put number on it. correct me if i am wrong.  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/d/dd3cbe5e4c18fff19d19c68b6d7471b1c51c32a7.png)

---

<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:** [December 3, 2023, 5:39pm UTC](https://community.thunkable.com/t/move-to-next-row-in-airtable/2735659/6 "2023-12-03T17:39:52Z")

</div>

Can you post a link to your project? I’m having a hard time understanding what you want the second screen to look like.

---

<div class="post-metadata">

**Author:** ![ozel1978](https://avatars.discourse-cdn.com/v4/letter/o/3ec8ea/32.png) [@ozel1978](https://community.thunkable.com/u/ozel1978)\
**Post date:** [December 4, 2023, 3:16pm UTC](https://community.thunkable.com/t/move-to-next-row-in-airtable/2735659/7 "2023-12-04T15:16:47Z")

</div>

@tatiang

here the link of my project. Just focus on screen name page1 and page2.

let me know you not able to open the link.

[https://x.thunkable.com/copy/98a929dca5cc9ffa63aef9b3a917f650](https://x.thunkable.com/copy/98a929dca5cc9ffa63aef9b3a917f650)

---

<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:** [December 4, 2023, 9:49pm UTC](https://community.thunkable.com/t/move-to-next-row-in-airtable/2735659/8 "2023-12-04T21:49:19Z")

</div>

Here’s a more dynamic way to program this using Any Component blocks. I first get the position of the image that was clicked from the list of all images (either 1 or 2) and add one to it and then use that as the `next row #` variable for the rest of the code. This will work with any number of image components rather than having to program each one individually.

If you don’t want to use Any Component blocks (they can be confusing) then you can do the same thing by saying When Image1 is clicked, set app variable next row # to 2; When Image2 is clicked, set app variable next row to #3. And then after both of those, call the `get image and DM` function.

Updated project link: [Thunkable](https://x.thunkable.com/copy/85d0f3c2d453454320fdd6dd33adbc2b)

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/1/a16a46a38984bff09b63492f21a48b7d5860ec0b.png)

---

<div class="post-metadata">

**Author:** ![ozel1978](https://avatars.discourse-cdn.com/v4/letter/o/3ec8ea/32.png) [@ozel1978](https://community.thunkable.com/u/ozel1978)\
**Post date:** [December 5, 2023, 9:32am UTC](https://community.thunkable.com/t/move-to-next-row-in-airtable/2735659/9 "2023-12-05T09:32:38Z")

</div>

i am not able to view the updated block because my account has exceed the project.

That all the block? page 2 no block on it?

---

<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:** [December 5, 2023, 7:42pm UTC](https://community.thunkable.com/t/move-to-next-row-in-airtable/2735659/10 "2023-12-05T19:42:17Z")

</div>

I did not change any blocks on the page 2 screen. So yes, those are all of the blocks I used.

---

<div class="post-metadata">

**Author:** ![ozel1978](https://avatars.discourse-cdn.com/v4/letter/o/3ec8ea/32.png) [@ozel1978](https://community.thunkable.com/u/ozel1978)\
**Post date:** [December 6, 2023, 1:16am UTC](https://community.thunkable.com/t/move-to-next-row-in-airtable/2735659/11 "2023-12-06T01:16:12Z")

</div>

Hi @tatiang

I just tested your block and was not what i want.  
it education apps for kid just want to stick with current design, which is user click on image and details of it will display in next page. from next page user able to go to next row/cell.

---

<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:** [December 6, 2023, 2:46am UTC](https://community.thunkable.com/t/move-to-next-row-in-airtable/2735659/12 "2023-12-06T02:46:45Z")

</div>

Unfortunately, that’s not what you described above so I was trying to help you do something different.

I’ve made a demo similar to that in this post and the one below it which has a project link: [Project with many screens makes slow thunkable - #4 by tatiang](https://community.thunkable.com/t/project-with-many-screens-makes-slow-thunkable/2642982/4)

Maybe that will give you ideas about how to do this.

---

<div class="post-metadata">

**Author:** ![ozel1978](https://avatars.discourse-cdn.com/v4/letter/o/3ec8ea/32.png) [@ozel1978](https://community.thunkable.com/u/ozel1978)\
**Post date:** [December 7, 2023, 2:21am UTC](https://community.thunkable.com/t/move-to-next-row-in-airtable/2735659/13 "2023-12-07T02:21:48Z")

</div>

I have shared my project so that how I want. Anyway thank you for your contribution and time. I appreciated it most.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [March 6, 2024, 2:22am UTC](https://community.thunkable.com/t/move-to-next-row-in-airtable/2735659/14 "2024-03-06T02:22:38Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
