New "page number" state for repeating groups?

Dear Bubble Friends,

Does anyone know how the new feature / update “New “page number” state for repeating groups” works? I can’t find any reference to it in the Bubble manuel.

Thank you,
G

3 Likes

@eve Any idea?

1 Like

Hey @gilles and @JohnMark :wave:

This is actually a really nice feature that they created. Can’t wait to put it to use somewhere. Good job Bubble!

Here is a very simple example:

Preview: https://805testapp42.bubbleapps.io/version-test/repeating_group_pages?debug_mode=true

Editor: https://bubble.io/page?type=page&name=repeating_group_pages&id=805testapp42&tab=tabs-1

Hope that helps! :blush:

@j805 www.NoCodeMinute.com

For All Your No-Code Education Needs:

  • One-on-One Tutoring
  • eLearning Hub
  • Video Tutorials
  • No-Code Classes
3 Likes

Didn’t catch that! @J805 with ‘is on the first and last page’. Great.

2 Likes

@J805 (Jason). You are awesome! Thanks for setting up the example. This is a great bubble feature!

1 Like

No problem. Glad it helped. :blush:

1 Like

Thanks for the example, saved hours of research:) I added the total number of page at the center using this (you have to divide by the number of lines of your RG) “Page : RepeatingGroup Projects’s page number / RepeatingGroup Projects’s List of Projectses:count / 10:rounded to 0”

2 Likes

1 Like

@J805

Oooh this would be great if Page Number was available regardless of fix or scrolling.

I’m trying to use dots ( . . . ) to show which page the repeating group is on, and this would make that trivial.

Any idea how to achieve this?

Thanks

Awesome! Glad that helped! :blush:

Good question, it seems like it will work since it is basically the same thing.

1/3 = . . .

2/3 = . . .

3/3 = . . .

Maybe later I can try to do an example. I am just booked all this week already. So I will do what I can when I have a moment. :blush:

1 Like

This is amazing! These were the common states that had to be set every time you needed pagination.

2 Likes

@J805, I thought it would be like that, but when you select horizontal scrolling, the page number property isn’t available to use :S

1 Like

Hey @andrew.mcdonagh :wave:

It’s actually pretty cool. Here is how you could it without any scrolling. You can click on the < or > button or even click on the O to go to the correct slide. Check it out:

Editor: https://bubble.io/page?type=page&name=dot_pages_repeating_group&id=805testapp42&tab=tabs-1

Preview: https://805testapp42.bubbleapps.io/version-test/dot_pages_repeating_group?debug_mode=true

Hope that helps! :blush:

@j805 www.NoCodeMinute.com

For All Your No-Code Education Needs:

  • One-on-One Tutoring
  • eLearning Hub
  • Video Tutorials
  • No-Code Classes
3 Likes

This works perfectly except that it requires to disable actual scrolling of the RG. Is it possible to have this feature enabled and just the indicator of what page youre looking at?

The built-in pagination works when it has a fixed amount of rows/columns. If you want scrolling, I think you would just have to create it without Bubble’s states. If I’m understanding you correctly. If you want to show an example, that might help us understand more fully what you are trying to achieve. Send us a link to a preview page and we can try to help more. :blush: