# \[BUG\] column layout and flex repeater

**URL:** <https://forum.inductiveautomation.com/t/bug-column-layout-and-flex-repeater/21284>\
**Category:** Ignition Early Access\
**Created:** [December 7, 2018, 1:01pm UTC](https://forum.inductiveautomation.com/t/bug-column-layout-and-flex-repeater/21284 "2018-12-07T13:01:50Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![joostjojo](https://avatars.discourse-cdn.com/v4/letter/j/ac91a4/32.png) [@joostjojo](https://forum.inductiveautomation.com/u/joostjojo)\
**Post date:** [December 7, 2018, 1:01pm UTC](https://forum.inductiveautomation.com/t/bug-column-layout-and-flex-repeater/21284/1 "2018-12-07T13:01:51Z")

</div>

[BUG]  
When I use the flex repeater in the column layout it does contain a bug.  
I want the flex repeater show in columns when large and medium, and as row when in small.  
But when I change that property for small then all of them are changed.

---

<div class="post-metadata">

**Author:** ![osolorzano](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/osolorzano/32/6432_2.png) [@osolorzano](https://forum.inductiveautomation.com/u/osolorzano)\
**Post date:** [December 7, 2018, 5:22pm UTC](https://forum.inductiveautomation.com/t/bug-column-layout-and-flex-repeater/21284/2 "2018-12-07T17:22:46Z")

</div>

When using the column container, the only things that change when changing the breakpoints are what is contained in the component’s position.breakpoints array. Any other property will remain the same between the breakpoints.

One way around this, if you still want the column container to be the top level view component, is to put the flex repeater inside of a breakpoint container and define the breakpoint on the breakpoint container to be equal to the size where you want this to change.

I’ve attached an example project here with how that would look like with a breakpoint container that contains a flex repeater with 3 instances. The breakpoint is set to 600px. [testing.proj](https://us1.discourse-cdn.com/inductiveautomation/original/2X/e/e7db573a7028e05e46590d1b5c3b5f26b4de931e.proj) (5.3 KB)

---

<div class="post-metadata">

**Author:** ![joostjojo](https://avatars.discourse-cdn.com/v4/letter/j/ac91a4/32.png) [@joostjojo](https://forum.inductiveautomation.com/u/joostjojo)\
**Post date:** [December 10, 2018, 12:28pm UTC](https://forum.inductiveautomation.com/t/bug-column-layout-and-flex-repeater/21284/3 "2018-12-10T12:28:34Z")

</div>

hmm, this is indeed the result I was hoping for.  
But in the meantime another question popped up.

I want the flex repeater shown in column mode. When the flex objects exceed the height of the template repeater it shows a scroll ball, instead of add a new row of columns.

---

<div class="post-metadata">

**Author:** ![osolorzano](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/osolorzano/32/6432_2.png) [@osolorzano](https://forum.inductiveautomation.com/u/osolorzano)\
**Post date:** [December 11, 2018, 4:08pm UTC](https://forum.inductiveautomation.com/t/bug-column-layout-and-flex-repeater/21284/4 "2018-12-11T16:08:59Z")

</div>

An easy way to make that work is to set the breakpoint position.height variable equal to 100% instead of a pixel value. That way it should grow and shrink to fit the views inside the flex repeater.