Repeater boxes not adjusting to height of text

Ask the community
, ,
1

Help, my repeater boxes were working great before, and now all of a sudden they’re not. The height of each box used to adjust to the amount of text in each title, which made for a nice look, with each box being a slightly different height. Now the text of the titles is floating down below the boxes. Anyone know what went wrong and how I can fix it?
It’s basically a custom way to list recent blog posts, so that each one can be a different color.
Thanks!
looseties.net

2

Hello Gabrielle

You are connecting the background to an image. So when there is big text the text box expands as well as the repeater item’s height but the image stays the same.

As a work around I would suggest the following:

  • Add a box to the background of the item container (to have the background color)

  • Set a field in the database that has the color hex values for each item (instead of images)

  • On repeater item ready set the box color to it’s corresponding hex value as follows:

export function repeater1_itemReady($item, itemData, index) {
 //Add your code for this event here: 
    $w('#BackgroundBox').style.backgroundColor = itemdata.hexValue
}

I hope this helps!

Massa

3

thank you, will try this

4

I have a repeater and want all the boxes to be the same size. One box has more text in it so it is bigger. When I make the other boxes bigger, it just reverts back to the, being different sizes again. Very frustrating :frowning:

5

I am having this same issue. Did you figure this one out? I have a repeater and I want the boxes to all be the same size, regardless of the amount of text.

6

Did you figure out to keep the box sizes the same even if they have more text?

7

I too would really like to know how to keep repeater containers all the same size.

8

same problem here

9

Yeah, I have the same problem. Is there really no way to fix this?

10

I think the only fix would be to control the repeater input by

11

Thanks for letting us know you need this feature. Please upvote it in the Corvid Wishlist . Thanks.

12

thats not the right description for the API
the idea is to lock the size of the repeater, (to be constant)
so when the input text is bigger than its container, it will it fill what it can in the locked size and the last 3 chars will be replaced with “…”
this way the quality of the page with the data repeater will be much nicer.
please change the API wishlist accordingly so i can upvote it

13

@ricprud Thanks for clarifying your request. Perhaps that user was asking for a different feature. You can submit a feature request here and then post the link for upvotes from the community.

14

I have the same problem as the original post. When I first created my website with a repeater, I was able to have different sized containers depending on the size of text.

Recently, when I’ve gone to edit and add containers, they are all the same size in my Editor – even though the published version of my website has different sized containers. I can’t find a way to edit containers individually, any action seems to affect them all. The tiles of the entire repeater seem to be off track, with the tiles for the final container being off by almost an inch and half, and leaving a huge dead space at the bottom of my page that I can’t get rid of, because the tile extends so far past the actual content.

I’m incredibly frustrated and would appreciate help.

15

I’m also having this problem. I want a straight grid of images and text, not mosaic-style, but can’t seem to solve it.