# Paging and navigation using increment action

**URL:** https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520
**Category:** Community Resources
**Created:** [June 8, 2020, 9:34am UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520 "2020-06-08T09:34:56Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![Tony](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/tony/32/8571_2.png) [@Tony](https://community.glideapps.com/u/Tony)
#### Post date: [June 18, 2020, 8:38pm UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/21 "2020-06-18T20:38:45Z")

</div>

i just checked my app.  
This works now! Excellent work guys - real quick turnaround! Keep it up!

---

<div class="post-metadata">

### Author: ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)
#### Post date: [July 2, 2020, 11:11pm UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/22 "2020-07-02T23:11:20Z")

</div>

Thanks you @Manan_Mehta really helpful!

---

<div class="post-metadata">

### Author: ![jiabmsu\_msu](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jiabmsu_msu/32/8945_2.png) [@jiabmsu\_msu](https://community.glideapps.com/u/jiabmsu_msu)
#### Post date: [July 23, 2020, 5:54am UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/23 "2020-07-23T05:54:22Z")

</div>

Thank you so much. 😄

---

<div class="post-metadata">

### Author: ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)
#### Post date: [July 23, 2020, 7:34pm UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/24 "2020-07-23T19:34:47Z")

</div>

To the people (including me) who didn’t understand how to create the UID as shown - it could be done like:  
=ARRAYFORMULA(IF(A2:A\<\>"",Row(A2:A)-1,""))

---

<div class="post-metadata">

### Author: ![vijay](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vijay/32/3259_2.png) [@vijay](https://community.glideapps.com/u/vijay)
#### Post date: [November 14, 2020, 5:36pm UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/26 "2020-11-14T17:36:26Z")

</div>

This is very neat. But I have a problem as below:  
I am linking a tile to a row. And, then I use the above technique to have a button for Previous and Next to move to the previous and next rows.

But, when I click the top left arrow for Back, and then I click the tile again, it shows the next row based on the counter value present, when I clicked the top left arrow for Black.

This becomes confusing because each tile is linked to a specific row, and because the user clicks the next or previous button, the counter changes, and therefore the row displayed changes and it is not the specific row which is displayed. My app is at [lpflix.glideapp.io](http://lpflix.glideapp.io). Check with clicking Science and then clicking any of the images in Science. I have only configured for Science.

In your case, you have a navigation sheet separate from the listing sheet. But, I dont have that since I want a listing of all the rows as tiles and then navigating to each row.

Is there a way out of this problem? Thanks

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/f/1f45219f74cfe352ad4455c91fb57f7abc157f75.jpeg)  
I click the first image for the first row.  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/f/bfb2ff0a852fe7c224ecf4bf393d4b797f6e1a46.png)  
Then I click Next Video  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/5/3564f28c4ce67b577b7d0eca30efbbb4b94bda67.jpeg)  
Then I click Back on top left  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/8/f8e1fa6f001a6663284552b0e2f864a97ce606c7.jpeg)  
Then I click the first image again. But, it shows a different row.  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/7/670c3629dd8b9138f9ff138ae2944a53ec6d78c2.png)

This is my sheet columns and values. I use the video from the relation column Playing Now which changes based on the counter value, and I put this video link in the Current Video. And, the counter value changes based on Increment operation in Next Video button or Previous Video button.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/3/d391d0cfc7bd781bf0d1907163c6382bf112b98f.png)

There is also a Video column which has the actual video for each row which is supposed to appear when the image is clicked at the beginning.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/b/0b1c2106cfcee06b026ab7e26e15b14cc7275d1c.png)

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [November 14, 2020, 5:47pm UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/27 "2020-11-14T17:47:42Z")

</div>

I believe the straightforward solution is to clear whatever incremental column you have for the navigation before a view details.

So first a set column, clear the value in the navigation column, then view details. Does it work?

---

<div class="post-metadata">

### Author: ![vijay](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vijay/32/3259_2.png) [@vijay](https://community.glideapps.com/u/vijay)
#### Post date: [November 14, 2020, 6:26pm UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/28 "2020-11-14T18:26:22Z")

</div>

I am able to set columns which resets the value of the Counter to the UID when I click the image from the first page. But, then how do I view the details? Because if I set the action on the image as Set column, I am not able to then view details. How would I do that?

---

<div class="post-metadata">

### Author: ![vijay](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vijay/32/3259_2.png) [@vijay](https://community.glideapps.com/u/vijay)
#### Post date: [November 14, 2020, 6:33pm UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/29 "2020-11-14T18:33:08Z")

</div>

Did it! Kisses and hugs to Glideapps team. I found the Create New Action feature which is just what I needed. Its amazing. I am so proud of Glideapps. Wow! This feature is really blowing my mind. I created a new action Set Columns followed by View Details, and Voila, the job is done! Awesome. Thanks @ThinhDinh for the help. 😍

---

<div class="post-metadata">

### Author: ![Manan\_Mehta](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manan_mehta/32/13957_2.png) [@Manan\_Mehta](https://community.glideapps.com/u/Manan_Mehta)
#### Post date: [November 14, 2020, 8:13pm UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/30 "2020-11-14T20:13:17Z")

</div>

In my case I am using a details view and hence it’s not a big problem for me. Thankfully with compound actions you can now achieve this as @ThinhDinh mentioned.

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [November 14, 2020, 10:51pm UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/31 "2020-11-14T22:51:55Z")

</div>

Glad it helped 😉

---

<div class="post-metadata">

### Author: ![vijay](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vijay/32/3259_2.png) [@vijay](https://community.glideapps.com/u/vijay)
#### Post date: [November 15, 2020, 12:51am UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/32 "2020-11-15T00:51:59Z")

</div>

Is it possible to have the two buttons in a single line? For example, Next Video and Previous video on the same line instead of one above the other? Thanks

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [November 15, 2020, 12:56am UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/33 "2020-11-15T00:56:59Z")

</div>

Are you willing to use CSS? Glide doesn’t officially support it so it can break down any time.

---

<div class="post-metadata">

### Author: ![vijay](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vijay/32/3259_2.png) [@vijay](https://community.glideapps.com/u/vijay)
#### Post date: [November 15, 2020, 1:08am UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/34 "2020-11-15T01:08:59Z")

</div>

Yes, sure, no problem in using CSS. How do I do that?

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [November 15, 2020, 1:22am UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/35 "2020-11-15T01:22:48Z")

</div>

```
<pre><span><style>
.fZlvaI {
width: 50%;
float: left;
}
[data-test="app-button-view"] {
margin: 10px;
}
.crVslF div:nth-child(1), .gTDCyN div:nth-child(1) {
display: block;
}
</style></span></pre>

```

Here’s what’s working in my side. Put this in a rich text component.

---

<div class="post-metadata">

### Author: ![vijay](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/vijay/32/3259_2.png) [@vijay](https://community.glideapps.com/u/vijay)
#### Post date: [November 15, 2020, 3:16am UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/36 "2020-11-15T03:16:15Z")

</div>

Thanks, I’ll check it out. I have another problem. How do I have the above happen separately for different users? I haven’t set up the User Profiles. Will that help? Still, it seems a daunting task to have separate views for each of hundreds and thousands of users, who may be viewing any one video and the counter values will keep changing for each. Any ideas?

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [November 15, 2020, 4:38am UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/37 "2020-11-15T04:38:39Z")

</div>

The counter should be a user-specific column so you won’t face that problem.

---

<div class="post-metadata">

### Author: ![alexdw5](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexdw5/32/18771_2.png) [@alexdw5](https://community.glideapps.com/u/alexdw5)
#### Post date: [December 27, 2020, 8:40pm UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/38 "2020-12-27T20:40:05Z")

</div>

Hi Manan! Thanks for tutorial. I’m having some issues getting this to work.

Mainly, I’m struggling to figure out the architecture of your app to make this all work.

I’ve copied both the layouts for the Navigation Screen and All Bikes spreadsheets but I’m a bit stuck wrt how to tie it all together.

Here’s a link to a short zoom video detailing my problem. If any Glide Experts want to reach out, I’d gladly pay for an hour of your time for your help.

Here’s a link to my app: [https://zippy-house-5586.glideapp.io/](https://zippy-house-5586.glideapp.io/)

Thanks!

Alex

---

<div class="post-metadata">

### Author: ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)
#### Post date: [December 27, 2020, 9:21pm UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/39 "2020-12-27T21:21:55Z")

</div>

@alexdw5  
When setting up your increment action you could think about how it should look. For inspiration you can take a look here

[Upload multiple images to Cloudinary](https://community.glideapps.com/t/upload-multiple-images-to-cloudinary/13524)

---

<div class="post-metadata">

### Author: ![alexdw5](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexdw5/32/18771_2.png) [@alexdw5](https://community.glideapps.com/u/alexdw5)
#### Post date: [December 27, 2020, 9:23pm UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/40 "2020-12-27T21:23:59Z")

</div>

thank @Krivo! much appreciated, I’ve been trying to figure this out for 2-3 hours now lol. I’ll have a look 🙂

---

<div class="post-metadata">

### Author: ![alexdw5](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexdw5/32/18771_2.png) [@alexdw5](https://community.glideapps.com/u/alexdw5)
#### Post date: [December 28, 2020, 3:41pm UTC](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520/41 "2020-12-28T15:41:20Z")

</div>

I think your app is a bit over my head. Also, it might be broken when I try to copy it?

Like I said, over my head 🙂 I tried to add some image links from Google Drive to populate the app with some images but it did not work.

The screenshot is from the app’s “Images” sheet.

Any advice here is appreciated – thanks!

Alex

 ![Screen Shot 2020-12-28 at 10.38.31 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/4/74c079f135b641012ed5c81c2378bb8daba252c8.png)

[Previous page](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520.md?page=1)

[Next page](https://community.glideapps.com/t/paging-and-navigation-using-increment-action/10520.md?page=3)