# Elements in flex repeater row don't scale in the direction opposite the direction of the repeater

**URL:** <https://forum.inductiveautomation.com/t/elements-in-flex-repeater-row-dont-scale-in-the-direction-opposite-the-direction-of-the-repeater/81736>\
**Category:** Ignition\
**Created:** [November 9, 2023, 6:39pm UTC](https://forum.inductiveautomation.com/t/elements-in-flex-repeater-row-dont-scale-in-the-direction-opposite-the-direction-of-the-repeater/81736 "2023-11-09T18:39:11Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![BenInReno](https://avatars.discourse-cdn.com/v4/letter/b/8edcca/32.png) [@BenInReno](https://forum.inductiveautomation.com/u/BenInReno)\
**Post date:** [November 9, 2023, 6:39pm UTC](https://forum.inductiveautomation.com/t/elements-in-flex-repeater-row-dont-scale-in-the-direction-opposite-the-direction-of-the-repeater/81736/1 "2023-11-09T18:39:11Z")

</div>

We are using a Flex Repeater in a Row configuration. If the number of elements fits onto one row, the components in the flex repeater scale vertically (shrink). This functionality is great. However, when the number of components is so many that they need to be wrapped (some components are added on the next line below the first line), that ability to vertically scale just goes away, and the components revert to their original size, so that there is a scroll bar on the side, and there's no way to shrink the elements in the flex repeater vertically to make it fit into the space that is allotted to it on the page. How can I make the elements in a flex repeater shrink vertically to fit into the container that the flex repeater is in, so that as elements wrap onto a new line, the elements get smaller? I can't have scroll bars on the side, I just need the elements to automatically get smaller. I notice that when the Flex Repeater's "wrap" property is set to "wrap", the elements don't shrink vertically. If it is set to "nowrap", they shrink vertically.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [November 9, 2023, 10:13pm UTC](https://forum.inductiveautomation.com/t/elements-in-flex-repeater-row-dont-scale-in-the-direction-opposite-the-direction-of-the-repeater/81736/2 "2023-11-09T22:13:25Z")

</div>

I think you'll need to post some screengrabs and a list of the settings. For the settings copy the flex repeater from the Project Browser and past it into your post. Make sure you format it as code. See below:

> [@Wiki - how to post code on this forum](https://forum.inductiveautomation.com/t/wiki-how-to-post-code-on-this-forum/77831):
>
> This thread is intended as a short help file for all those struggling to post formatted code on the forum. Posting formatted code on the forum (and most others) is as simple as selecting the code and pressing the \</\> button. It works the same as applying Bold or Italic styles to your document. It preserves indentation and applies syntax highlighting. [How to post code]
