Elements in Repeating Group access current Row number & current Column number

[boston85719]

@nick.carroll it would be great if we can get exposed for use in conditionals the current row number and current column number of a repeating group as well as the total rows count and columns count.

Example: I have a repeating group with a dynamic number of columns and rows with scroll direction set to wrap horizontally. When the number of rows is 1 (because it is dynamic) I do not want the group inside of the RG to have a bottom margin, but once the number of rows increases beyond 1, I want to have a bottom margin on the group inside of the RG, but I do not want the bottom row to have the bottom margin on the group inside.

I want to structure a dynamic expression that would be something like ‘current row number is less than rg total rows count’…this way I can maintain the spacing between the bottom of my Repeating Group and elements that come below.

In screen shot below I have the proper spacing between bottom of the RG and the next sections title of ‘Remaining Balance Range’

In the screen shot below, I have an extra 10px of space between bottom of the RG and the next sections title, because I need to conditionally add the bottom margin of the contents of the RG when it wraps horizontally.

I’ve made it conditionally add a bottom margin to the contents by comparing the height of the RG to the height of the contents.

Which by the way, doesn’t not get reset when the height of the RG returns to it’s original height after the height has been expanded due to increase in row count for wrapping horizontally.

Original height is 34px

When number of rows increases the height is 88px, because of the bottom margin on the contents. Then when rows decreases to 1 the height of RG is 44px, again, because of the bottom margin on the contents. This issue is caused by my conditional, which I needed to craft using heights, because the number of rows of an RG is not exposed, nor is the current row number.

[salemmo409]

What about an expression like this:

[boston85719]

@salemmo409

What about an expression like this:

Thanks for that. That does solve the problem for when the RG height first expands and later collapses, so the bottom border of the group inside is only applied when the RG has more than one row.

However, it does not solve for all the needs that prompted the request to expose the number of rows/columns as well as the current row/column number.

[ihsanzainal84]

Hmm… If you know the widths and heights of every child element you could take the parent element’s height/width and divide it to each child’s height/width.

[boston85719]

@ihsanzainal84

If you know the widths and heights of every child element

it is not known and it is dynamic

But if Bubble were to expose the number of columns and rows for a repeating group as well as the current row number and current column number on child elements, we could do a lot of better things conditionally to get the exact designs we want.