Issue with Flex Repeater Not Expanding Horizontally

Good Morning,

I am currently working with a Flex Repeater in a Flex container and finding that when I launch the URL, the Flex Repeater is not expanding horizontally to take up all the space on the screen. Does anyone have any tips? I have the Flex Repeater set to 1 for grow. I have also tried setting the basis also.

Thanks,
Ryan

What are the settings for the position properties of the flex repeater? Also what is the setting of element position on the flex repeater as well as useDefaultHeight and useDefaultWidth? The instances look like they aren't growing to match the size.

Fast way to tell is to make the background color of the repeater something obvious and bright for the purpose of testing

Hey Ryan,

Flex repeater:


Thanks for your help

Just to confirm, is the orange the flex repeater background color, or is it the flex container background color? Is your problem that the repeater is not growing to fit the screen? Or is your problem the instances in the repeater are not growing to fit the screen?

If your problem is the instances are not growing, uncheck useDefaultWidth and modify the properties in elementPosition to get the repeater instances to size the way you want.

Apologies, I have updated the image to be the flex repeater not the container. But yes now the image is the Flex repeater with its background set to orange

I would say its the instances not growing to match the size of the repeater. So that needs to be adjusted manually? It can not be done automaticly?

Do this, that's how you get it to size automatically.

The elementPosition properties are applied to all instances. It's the same as setting the position properties on every instance.

Flex repeater direction will influence what basis under elementPositon applies to. In your case basis will apply to repeater instance height, because your repeater is set to column direction. To control the width, constrain the width of the flex repeater.

Repeater using default width

Same repeater, default width disabled

Same repeater, default width disabled, in row container to constrain width

Thanks Ryan, I really do appreciate the help.