# Data viewer grid move to next cell

**URL:** <https://community.thunkable.com/t/data-viewer-grid-move-to-next-cell/994176>\
**Category:** Questions about Thunkable X\
**Created:** [November 23, 2020, 5:31pm UTC](https://community.thunkable.com/t/data-viewer-grid-move-to-next-cell/994176 "2020-11-23T17:31:40Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![konskotidisxauhu4](https://avatars.discourse-cdn.com/v4/letter/k/b2d939/32.png) [@konskotidisxauhu4](https://community.thunkable.com/u/konskotidisxauhu4)\
**Post date:** [November 23, 2020, 5:31pm UTC](https://community.thunkable.com/t/data-viewer-grid-move-to-next-cell/994176/1 "2020-11-23T17:31:40Z")

</div>

Please help!!! I am using data viewers grid. When i click on an image it moves to another screen and shows the image with a title from airtable connection. With a button i want to move to the exact next image from the data viewer grid.  
For example if i selected the 5th image i want to move to the 6th. The problem is always it goes from the first one…  
If i use the change rowID by 1 it goes from 0 to 1. But i want to go from the image that i clicked on the next one.

Please someone give help

---

<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:** [November 23, 2020, 7:14pm UTC](https://community.thunkable.com/t/data-viewer-grid-move-to-next-cell/994176/2 "2020-11-23T19:14:02Z")

</div>

You need to keep track of which data viewer grid item was clicked. That’s what the green “index” block is for. Set a variable value to the green “index” block and then use that variable when you are displaying an image.

So if you click on a grid item and it was, let’s say, number 5, then the index will equal 5 and you could see the variable called currentImage to the “index” block. So that variable will also have the value 5.

Then, when clicking the “next” button to show the next image, use currentImage+1 to determine which image to show.

---

<div class="post-metadata">

**Author:** ![konskotidisxauhu4](https://avatars.discourse-cdn.com/v4/letter/k/b2d939/32.png) [@konskotidisxauhu4](https://community.thunkable.com/u/konskotidisxauhu4)\
**Post date:** [November 23, 2020, 7:40pm UTC](https://community.thunkable.com/t/data-viewer-grid-move-to-next-cell/994176/3 "2020-11-23T19:40:16Z")

</div>

Many thanks for your reply

At the moment i am here:  
The first image is in the data viewer grid scene while the second in the screen that shows the details about image and title.

![Data viewer grid](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/6/362a9865f7ad5e60386d8081eb4bc3ca18397413.png)

 ![Button](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/5/05e1da270c2db5914532ccee06f35abc619db772.png)

But still doesnt work and it goes from the first image every time.

---

<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:** [November 23, 2020, 8:44pm UTC](https://community.thunkable.com/t/data-viewer-grid-move-to-next-cell/994176/4 "2020-11-23T20:44:40Z")

</div>

RowID+1 only works with Google sheet. It does not work with Airtable or Local Data Source as the rowID is an arbitrary code. 😁

---

<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:** [November 23, 2020, 8:46pm UTC](https://community.thunkable.com/t/data-viewer-grid-move-to-next-cell/994176/5 "2020-11-23T20:46:36Z")

</div>

Sorry, good catch there. I’ve been working with Google Sheets and local data sources often and not so much Airtable.

---

<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:** [November 23, 2020, 10:52pm UTC](https://community.thunkable.com/t/data-viewer-grid-move-to-next-cell/994176/7 "2020-11-23T22:52:04Z")

</div>

So this is part of the solution. It just doesn’t switch the “current image” to the index # of the data viewer grid when you click on an item.

 ![Screen Shot 2020-11-23 at 2.50.49 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/d/0db89f7454cfe62cc11fd1e46726b3a5ccf77bed.png)

 ![Screen Shot 2020-11-23 at 2.51.37 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/3/532af5ec7133bd2eb1ccf4d7b66fa95f9e98d3b0.png)

---

<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:** [November 24, 2020, 7:27am UTC](https://community.thunkable.com/t/data-viewer-grid-move-to-next-cell/994176/8 "2020-11-24T07:27:00Z")

</div>

I would do it in a different way, I would read the rowID of all the rows in the table and store it in a list.

I would then use [stored current row] as index to the list to get the internal rowID and fetch the image using [get value] block.

Maybe a roundabout way, but it always worked for me. Mind you, I tried it with Local Data Source but haven’t tried it on Airtable.

---

<div class="post-metadata">

**Author:** ![konskotidisxauhu4](https://avatars.discourse-cdn.com/v4/letter/k/b2d939/32.png) [@konskotidisxauhu4](https://community.thunkable.com/u/konskotidisxauhu4)\
**Post date:** [November 24, 2020, 9:15am UTC](https://community.thunkable.com/t/data-viewer-grid-move-to-next-cell/994176/9 "2020-11-24T09:15:56Z")

</div>

I tried this solution but instead of showing the image in the same screen i used a second screen. It doesnt work and i think the problem is in the connection between the two screens. Am i not using the right orders to store the initial rowID of screen 1?

Also i am now using google sheets to see if its easier the solution

(upload://vOfGzWl91WB858yOaJYzCekCpm5.png) ![Screen 1](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/4/a4b7f44cf5c039b3e6a812c22e04a6fb24719c81.png)

 ![Screen 2](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/e/def1a11806c0ff5196b57aa16a79f03b1eff670d.png)

 ![Screen 3](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/9/89c25da52eee4b1ed3d1f6d0e8a7a9cd6f91793f.png) ![Screen 2|242x500]

---

<div class="post-metadata">

**Author:** ![suptmacasadia02erhu](https://avatars.discourse-cdn.com/v4/letter/s/f9ae1b/32.png) [@suptmacasadia02erhu](https://community.thunkable.com/u/suptmacasadia02erhu)\
**Post date:** [July 21, 2021, 2:43pm UTC](https://community.thunkable.com/t/data-viewer-grid-move-to-next-cell/994176/10 "2021-07-21T14:43:38Z")

</div>

hello sir, can you make a block sample on this, i will greatly appreciate if you do so, thank you

---

<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:** [July 22, 2021, 3:39pm UTC](https://community.thunkable.com/t/data-viewer-grid-move-to-next-cell/994176/11 "2021-07-22T15:39:02Z")

</div>

I already did. What is it you need, exactly? And what have you tried (show a screenshot of your blocks)?

---

<div class="post-metadata">

**Author:** ![suptmacasadia02erhu](https://avatars.discourse-cdn.com/v4/letter/s/f9ae1b/32.png) [@suptmacasadia02erhu](https://community.thunkable.com/u/suptmacasadia02erhu)\
**Post date:** [July 22, 2021, 3:59pm UTC](https://community.thunkable.com/t/data-viewer-grid-move-to-next-cell/994176/12 "2021-07-22T15:59:07Z")

</div>

sir good day, i want that if i will click my map marker, i will navigate to a link  
heres my table

> **[Screenshot (170).png](https://drive.google.com/file/d/1imKx7Kq4y3FN2BY8V6v37YZp8t3ZIlpc/view?usp=sharing)**
>
> Google Drive file.

and my blocks, already ok, is shows already the marker

> **[Screenshot (169).png](https://drive.google.com/file/d/1YL85D0Bc4w2ROm3-RfKr7Kmp1qTf-aA6/view?usp=sharing)**
>
> Google Drive file.

> **[213000175\_1051213382283174\_5645997818882374171\_n.jpg](https://drive.google.com/file/d/1YV1Mo1iUjs7snMjVG37Jkj1283bFZeNH/view?usp=sharing)**
>
> Google Drive file.

what should i do on my marker press, that i will navigate to a link. thanks

---

<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:** [July 23, 2021, 5:52am UTC](https://community.thunkable.com/t/data-viewer-grid-move-to-next-cell/994176/13 "2021-07-23T05:52:20Z")

</div>

I haven’t really worked with map markers. I guess you’d use the `onPress` event:

> **[Maps by Google and Apple](https://docs.thunkable.com/map#on-press)**

You’d have to know which marker the user was clicking and then you could open the corresponding link in the Airtable database.

---

<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:21pm UTC](https://community.thunkable.com/t/data-viewer-grid-move-to-next-cell/994176/14 "2024-11-08T12:21:27Z")

</div>


