I have made a repeater where the row as three items. However, there is some text in the item which makes an effect that the heights are not equal. Since I use a border, this makes for jumpy. See the image (ignore the price/button/photo for I’m still tweaking that).
How does one get the heights equal? I did read you can add a link to meta header of the site, so loading CSS is possible. With that you may be able to do it, but has anyone solved this before?
So, if you do want this, it’s doable. You can place a hidden line in the card to match the height you want
Hay Edgar,
You cannot limit the height of a repeater item, as this will require non trivial cropping of the text.
What you can do is make the item large such, if the distance between the bottom element in the repeater (the button) and the bottom of the repeater itself is over 70px, the content will expand till the border without moving the border. Only when getting to about 10px from the border, will the border move.
Thanks Yoav for the answer. I just looked at the generated code too. Even if I would add a css it would be quite some hassel to get this so I’ll live with the option to adjust the text to fit or see if I’ll switch to a 1 column layout.
I just remembered. It’s the ‘fluid’ system which will allow my initial question. If i would want that, then I’ld need to add a html element and in the code there make the repeater. That is possible with just javascript and css. You can pass the data via a post message. Maybe in future I’ll make an example of it.
Is there a way to make the rows automatically adjust to fit the content? I have installed a table and it works great except in some of the rows my text is cut off.
If you just enter the same spacing in the bottom of the text as the one that has the most lines it will space out evenly, it’s not a perfect solution but it works