Prevent different image heights from resizing repeater

Ask the community
,
1

I have linked my repeater to my dataset using $w(‘#repeater’).data. The logo of the agent for each listed item is populated based on the dataset image field however, given that the logos are different heights, this is shifting the other elements down the repeater and causing the heights to differ which doesn’t look great. I am using the “fixedWidth” fit mode.

I am trying to prevent the different logo size from affecting the position of the other text.

971×805 551 KB

The elements have no vertical overlap and there are no vertically overlapping elements within 70px. Can anyone help?

2

I have come to find that in a Repeter, all elements, (text, images, etc.) have to have identical properties (at least height). I had this exact issue, but with text. One instance had a second line of text where the others were a single line. I worked around it, by planning for the larger instance. Meaning I laid out all of them based on the text box with the larger height. Perhaps determine your max image/logo height and layout all instances based on those parameters.

3

Of course - was struggling to come up with anything but that solved it! Thanks