Unlogical problem design

Hello everyone!
I’m having a small design issue on an app I’ve taken over. I have a repeating group with a single column and multiple rows. Inside this repeating group, there’s a group (acting as the row) that wraps 7 other groups, each containing a text element (displaying dynamic data).

Above this repeating group, there’s another group also made up of 7 groups, and each of those contains a text element which is the label for each piece of data shown in the repeating group (so you’ll understand the “Table” element isn’t being used).

I can’t figure out why the alignment in Preview is off, even though it looks correct in the Design editor… I’ve checked: the 7 groups have the same fixed width, identical padding, and the same alignment.

To make it clearer, I’ve added screenshots below: on the top, the Preview; below, the Design editor. You can clearly see that everything is aligned in the Design, but not in the Preview…

Has anyone run into this before and could help, please?

Thanks bubblers :slight_smile:

Hi @swanin.business :waving_hand:

It seems that the “space between element” between the elements in the second row is different, that is why the elements are getting closer to the left…

Other thing that may be affecting the layout is the total width of both lines, they need to be the same…

This topic was automatically closed after 70 days. New replies are no longer allowed.