How to add an ID to the intermediate div in repeating group?

Need help New Responsive Engine
1

Hi

Bubble creates intermediate div between a repeating group’s and a cell element.
I can add an ID to repeating group and to cell, but this intermediate div is not accessible.

Frame 1032
Frame 10321916×808 355 KB

What I want to achieve is the layout that will stretch the way in example.

Didn’t find a way to do this natively, but this can be easy implemented with some css and flexbox.
And still I need to add a parameters to child div of the RG which is not accessible.

Does anybody know how can I get an access to it? Or maybe another way to implement this

2

You can add the id with javascript by accessing the repeating groups id like this:
document.getElementById("repeatingGroupId").firstChild.setAttribute('id', 'unreachableDiv')

1 Like
3

Thanks!
Your answer was a good starting point for me.
Eventually I came to the solution with a for loop to add a class to all child elements inside the repeating group:

const repeatingGroup = document.getElementById(“rg”);
if (repeatingGroup.hasChildNodes()) {
let children = repeatingGroup.childNodes;
for (let i = 0; i < children.length; i++) {
children[i].setAttribute(‘class’, ‘rg-item’);
}
}

1 Like