I’m trying to make a nested grid in a Flex Repeater container.
I have a custom component then I try to repeat it using Flex Repeater. The problem happens when I want to display in a nested grid instead of following one row/ column direction in the flex container. For example, if have 9 components, it will display as a grid of 3x3 components. In web design, we also have the terminology called grid.
I still wonder how I can use the script to do that in perspective.
Thank you so much for your time!
An illustration might help me understand exactly what you want, but it sounds like you need to allow wrapping in the flex repeater.
Yeah, I want to make a nested grid like the firgure below.
As you can see in the firgue, I have the same 6 components. Therefore I use Flex Repeater to create each component dynamically using Python script. But we can only display it following one row/column direction. That means we will have a 6x1 or 1x6 grid. I want to display 6 components in a 2x3 matrix for example.
In web design, if you know about the CSS grid, we can specify the number of components on each row based on its size. Each row has 12 columns, so the maximum number of components on a row is 12.
Sounds like you want to use the column container with a flex repeater setting the wrap property in the flex repeater to wrap.
I have a similar requirement. If you have found the solution can you please share.
thanks in advance.
wrap property of your flex repeater to