# 1 Item per Page then click next item

**URL:** <https://forum.adalo.com/t/1-item-per-page-then-click-next-item/1893>\
**Category:** Get Help\
**Created:** [June 14, 2020, 1:13pm UTC](https://forum.adalo.com/t/1-item-per-page-then-click-next-item/1893 "2020-06-14T13:13:02Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![projectlinuxsupports](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/projectlinuxsupports/32/1023_2.png) [@projectlinuxsupports](https://forum.adalo.com/u/projectlinuxsupports)\
**Post date:** [June 14, 2020, 1:13pm UTC](https://forum.adalo.com/t/1-item-per-page-then-click-next-item/1893/1 "2020-06-14T13:13:02Z")

</div>

Hello, how to do something like shows next item with a button (custom list)? Let say I have an Ideas Collection. Instead of I list all of that Idea in the same page vertically, I just want to list only 1 idea per page. When user click next button, it will shows the next idea that is the created date is newer than the ide before.

I’ve seen this tutorial : [Sequentially Page Through Records Using the Same Screen](https://forum.adalo.com/t/sequentially-page-through-records-using-the-same-screen/560), but it shows how to make a sequentially page with 2 collection. 1 is Recipe, and the other one is Steps.

But mine is only 1 collection.

---

<div class="post-metadata">

**Author:** ![projectlinuxsupports](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/projectlinuxsupports/32/1023_2.png) [@projectlinuxsupports](https://forum.adalo.com/u/projectlinuxsupports)\
**Post date:** [June 14, 2020, 1:44pm UTC](https://forum.adalo.com/t/1-item-per-page-then-click-next-item/1893/2 "2020-06-14T13:44:52Z")

</div>

It’s just like a Tinder-like style.

---

<div class="post-metadata">

**Author:** ![pford](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/pford/32/4648_2.png) [@pford](https://forum.adalo.com/u/pford)\
**Post date:** [June 15, 2020, 2:09pm UTC](https://forum.adalo.com/t/1-item-per-page-then-click-next-item/1893/3 "2020-06-15T14:09:31Z")

</div>

Gotcha. The easiest way to do this would be to have an invisible input field with a Next button that has the Action “Change input value”. That action would change what is in the input field and you can filter lists and show records based on what is in that field.

---

<div class="post-metadata">

**Author:** ![ChristopheHK](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/christophehk/32/1179_2.png) [@ChristopheHK](https://forum.adalo.com/u/ChristopheHK)\
**Post date:** [June 15, 2020, 5:24pm UTC](https://forum.adalo.com/t/1-item-per-page-then-click-next-item/1893/4 "2020-06-15T17:24:04Z")

</div>

Yes, and it works fine!

---

<div class="post-metadata">

**Author:** ![projectlinuxsupports](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/projectlinuxsupports/32/1023_2.png) [@projectlinuxsupports](https://forum.adalo.com/u/projectlinuxsupports)\
**Post date:** [June 16, 2020, 12:12pm UTC](https://forum.adalo.com/t/1-item-per-page-then-click-next-item/1893/5 "2020-06-16T12:12:10Z")

</div>

I’m sorry, I still don’t quite get it. What value does this input field contains? And what value that need to be changed (and change into what?)

Can you please elaborate more with a real case value?

Let say in my case I have an Idea Collection that has 4 idea records. It only contains Photo and Title field. So how’s the logic?

---

<div class="post-metadata">

**Author:** ![pford](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/pford/32/4648_2.png) [@pford](https://forum.adalo.com/u/pford)\
**Post date:** [June 16, 2020, 12:31pm UTC](https://forum.adalo.com/t/1-item-per-page-then-click-next-item/1893/6 "2020-06-16T12:31:32Z")

</div>

So each record in the idea collection would have a number property called idea number or something similar. You can set the initial value of the invisible input to be the first idea when they visit the page, then filter the list based off of what is in the invisible input. When you hit next it adds one to the input so now you’re viewing Idea #2. Hit next again, it changes the input by one, and now you’re viewing Idea #3 and so on.

---

<div class="post-metadata">

**Author:** ![projectlinuxsupports](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/projectlinuxsupports/32/1023_2.png) [@projectlinuxsupports](https://forum.adalo.com/u/projectlinuxsupports)\
**Post date:** [June 16, 2020, 1:00pm UTC](https://forum.adalo.com/t/1-item-per-page-then-click-next-item/1893/7 "2020-06-16T13:00:00Z")

</div>

So when creating the idea in the first place, it should have a custom formula to generate idea number? Something like Idea \> count + 1?

---

<div class="post-metadata">

**Author:** ![pford](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/pford/32/4648_2.png) [@pford](https://forum.adalo.com/u/pford)\
**Post date:** [June 16, 2020, 1:11pm UTC](https://forum.adalo.com/t/1-item-per-page-then-click-next-item/1893/8 "2020-06-16T13:11:26Z")

</div>

Yep, exactly. And you can do this automatically by taking a count of the existing ideas and adding 1 to it.

---

<div class="post-metadata">

**Author:** ![projectlinuxsupports](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/projectlinuxsupports/32/1023_2.png) [@projectlinuxsupports](https://forum.adalo.com/u/projectlinuxsupports)\
**Post date:** [June 16, 2020, 2:10pm UTC](https://forum.adalo.com/t/1-item-per-page-then-click-next-item/1893/9 "2020-06-16T14:10:26Z")

</div>

So far i’ve got the logic. Thanks!

But now I’m stuck in the action to change the input value. I can’t choose a custom formula whatsoever.

Where I can add the logic of “Current input value + 1”?

 ![Image 16](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/6/65e4d61539e36730d85187aef31ae38516020ec9.png)

---

<div class="post-metadata">

**Author:** ![projectlinuxsupports](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/projectlinuxsupports/32/1023_2.png) [@projectlinuxsupports](https://forum.adalo.com/u/projectlinuxsupports)\
**Post date:** [June 16, 2020, 2:17pm UTC](https://forum.adalo.com/t/1-item-per-page-then-click-next-item/1893/10 "2020-06-16T14:17:25Z")

</div>

And what if between one idea to another sometimes have a space? Because I’m filtering the idea based on category. So maybe in category A it will be number 1,2,5,7,11 in category B it willbe number 3,4,6,8,9,10. Because between one and another user can add their idea in different category and in different time. So the number of the idea between category won’t be sequential.

Also what if there are several filtering that in the later some ideas won’t show up to some users even in the correct category. Let say when users choose to not interested with an idea, then those idea will not show up anymore. (It’s same with Tinder)

I think simply adding 1 to the input value won’t work? Or do I missing something here?

---

<div class="post-metadata">

**Author:** ![projectlinuxsupports](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/projectlinuxsupports/32/1023_2.png) [@projectlinuxsupports](https://forum.adalo.com/u/projectlinuxsupports)\
**Post date:** [June 17, 2020, 2:56am UTC](https://forum.adalo.com/t/1-item-per-page-then-click-next-item/1893/11 "2020-06-17T02:56:42Z")

</div>

Does anybody can give me some hints to doing something like this?

---

<div class="post-metadata">

**Author:** ![Pierre](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/pierre/32/584_2.png) [@Pierre](https://forum.adalo.com/u/Pierre)\
**Post date:** [June 18, 2020, 1:29am UTC](https://forum.adalo.com/t/1-item-per-page-then-click-next-item/1893/12 "2020-06-18T01:29:00Z")

</div>

Having the same challenge… ☹

---

<div class="post-metadata">

**Author:** ![projectlinuxsupports](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/projectlinuxsupports/32/1023_2.png) [@projectlinuxsupports](https://forum.adalo.com/u/projectlinuxsupports)\
**Post date:** [June 18, 2020, 2:40am UTC](https://forum.adalo.com/t/1-item-per-page-then-click-next-item/1893/13 "2020-06-18T02:40:24Z")

</div>

Since I can’t find any solution yet, I’ve applied a trick to achieve this.

I just make an ordinary list that still shows all of the list records, but I add a transparent rectangle in the bottom of the list that extends (very long) downwards.

So whenever the user try to scroll down, they only find a white background and they’ll think that there is no more record below.

After they push the next button (for my case is Accept or Reject), it just make that current record disappeared, and the next record from the bottom will automatically going up.

Here’s the screenshots :

![Image 4](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/9/926587caa032f9c03ac73fe3ce3dad44ef908f88.png) ![Image 3](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/2X/f/f49d92eb0e397cf67174f480c8b6229bbc6282e6.png)

---

<div class="post-metadata">

**Author:** ![StaBog](https://avatars.discourse-cdn.com/v4/letter/s/ba8739/32.png) [@StaBog](https://forum.adalo.com/u/StaBog)\
**Post date:** [November 17, 2021, 8:20pm UTC](https://forum.adalo.com/t/1-item-per-page-then-click-next-item/1893/14 "2021-11-17T20:20:00Z")

</div>

Hello.

Here is my solution for displaying next and back buttons for lists filtered by category.  
The hidden input is not needed.  
A list with a display limit of 1 item is used as a button.

> **[List Next Prev](https://previewer.adalo.com/3ea38d6a-ca14-40b5-a8f4-d04754cb1477)**
>
> Built with Adalo
