How do I get the remaining cells in a repeating group to centre? Currently, they align to the left but I would like the cells centred to look nicer. This is what it looks like currently:
Please can someone help me getting it to centre in a way that if I add more products (marked by the red rectangles) that it would automatically adjust. Thanks!
Are you using align to parent, row or column for the groups in the cells?
Column but I have now changed it to align to parent to see if it makes a difference.
I’m still stuck with this problem.
Hey, hope my explanation is helpful.
So here’s how you do it:
This is the repeating Group:
I’m assuming you already know to wrap it horizontally AND stretch columns to fill horizontal space.
This is the group that is inside the repeating group:
It is vey important to have it be aligned to the right.
Now, you add a conditional to the group that will say, when this group is the last group of the repeating group, align it to the left instead. The last item would, of course, be the count of items in the repeating group.
This is without the conditional statement:
And this is WITH the conditional statement:
Alternatively, you could have the group be aligned to the left by default, and in the conditional, do when: current cell is not repeating group’s last item → align to the right. You choose whatever you want!
Again, hope this helps. Let me know if you have any question!
Thanks. This also helped me with a little alignment issue that I had ignored until I can look into!
Many thanks, this has worked my only issue is that I have an interaction that slightly moves the repeating group cell contents. When there are four in the row it works fine however when the row is at three or two it shifts the entire row. Is there a way that I can solve this? I have a video below. (FYI, I’m building an ecommerce site and the red parts is a product image a the blue part the description. Just to explain the strange shape!)
When I put height and width conditionals on hover, all of my groups were doing that weird shift. I think you’re giving it a left and bottom margin on hover right?
But yeah, in my case it does that when its parent group’s min width or min height is not big enough to cover the amount it grows or moves on hover.
I tried making the repeating group’s min width bigger, but that didn’t work. I think because we are stretching it to fit horizontal space, not completely sure. So instead, I put the group, in your case both the product image and description in a new group that has min width and max height larger than the maximum size the group can get and that stopped the weird shift.
Please let me know if that solved your problem,
This isn’t working however I’m not sure that I’m doing it right. Could you please explain further…
On hover, what are you telling the group to do?