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
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.