Incrementing numbers based on instances present in the DOM

[benlindsey19]

Hello everyone,

I have what I’m sure is a rookie question. I’m trying to build a section break that says “section #” both above and below the break. Ideally, I’d like to make this a reusable element in which the numbers would increment dynamically depending on how many instances of it were present on the page.

I’ve tried doing this with custom states but can’t seem to figure out how to increment the numbers properly. Here’s my attempt: Lingualab MVP | Bubble Editor

Is a custom state what I should be using, or should I be using something else? Ideally, I’d like to do this all client-side in order to reduce unnecessary database requests (don’t know if that’s the correct term).

Here’s a screenshot of the test.

[cmarchan]

Hello @benlindsey19

Put the sections in a repeating group and use the index #

[benlindsey19]

@cmarchan
Thank you for the suggestion. Each of my sections will contain information not contained in the database and vary greatly from page to page. As such, I’m fairly certain I cannot have each section be contained in a repeating group.

I’ve tried multiple different ways of having separate repeating groups on the page, but can’t get the numbers to increment as desired.