# Issue with Flex Repeater Not Expanding Horizontally

**URL:** <https://forum.inductiveautomation.com/t/issue-with-flex-repeater-not-expanding-horizontally/98083>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [November 3, 2024, 12:00am UTC](https://forum.inductiveautomation.com/t/issue-with-flex-repeater-not-expanding-horizontally/98083 "2024-11-03T00:00:46Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ryan\_Crawford](https://avatars.discourse-cdn.com/v4/letter/r/a587f6/32.png) [@Ryan\_Crawford](https://forum.inductiveautomation.com/u/Ryan_Crawford)\
**Post date:** [November 3, 2024, 12:00am UTC](https://forum.inductiveautomation.com/t/issue-with-flex-repeater-not-expanding-horizontally/98083/1 "2024-11-03T00:00:46Z")

</div>

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.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/3/93b1ffa8d18b5616ef68d390bb82b16c3f0ef50b.png)

Thanks,  
Ryan

---

<div class="post-metadata">

**Author:** ![ryan.white](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan.white/32/73193_2.png) [@ryan.white](https://forum.inductiveautomation.com/u/ryan.white)\
**Post date:** [November 3, 2024, 12:35am UTC](https://forum.inductiveautomation.com/t/issue-with-flex-repeater-not-expanding-horizontally/98083/2 "2024-11-03T00:35:11Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Ryan\_Crawford](https://avatars.discourse-cdn.com/v4/letter/r/a587f6/32.png) [@Ryan\_Crawford](https://forum.inductiveautomation.com/u/Ryan_Crawford)\
**Post date:** [November 3, 2024, 9:56pm UTC](https://forum.inductiveautomation.com/t/issue-with-flex-repeater-not-expanding-horizontally/98083/3 "2024-11-03T21:56:43Z")

</div>

Hey Ryan,

Flex repeater:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/1/c1c9eb8ad8fe5e01ef92e45ad871b2ffaaf8f9ab.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/6/b6ded23a07771c934c6e620aa79016a3363f9e22.png)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/4/643b234db750c09498809b9b96f3410d22471eec.png)

Thanks for your help

---

<div class="post-metadata">

**Author:** ![ryan.white](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan.white/32/73193_2.png) [@ryan.white](https://forum.inductiveautomation.com/u/ryan.white)\
**Post date:** [November 3, 2024, 10:55pm UTC](https://forum.inductiveautomation.com/t/issue-with-flex-repeater-not-expanding-horizontally/98083/4 "2024-11-03T22:55:57Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Ryan\_Crawford](https://avatars.discourse-cdn.com/v4/letter/r/a587f6/32.png) [@Ryan\_Crawford](https://forum.inductiveautomation.com/u/Ryan_Crawford)\
**Post date:** [November 3, 2024, 11:00pm UTC](https://forum.inductiveautomation.com/t/issue-with-flex-repeater-not-expanding-horizontally/98083/5 "2024-11-03T23:00:07Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Ryan\_Crawford](https://avatars.discourse-cdn.com/v4/letter/r/a587f6/32.png) [@Ryan\_Crawford](https://forum.inductiveautomation.com/u/Ryan_Crawford)\
**Post date:** [November 3, 2024, 11:03pm UTC](https://forum.inductiveautomation.com/t/issue-with-flex-repeater-not-expanding-horizontally/98083/6 "2024-11-03T23:03:04Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![ryan.white](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan.white/32/73193_2.png) [@ryan.white](https://forum.inductiveautomation.com/u/ryan.white)\
**Post date:** [November 3, 2024, 11:10pm UTC](https://forum.inductiveautomation.com/t/issue-with-flex-repeater-not-expanding-horizontally/98083/7 "2024-11-03T23:10:23Z")

</div>

> [@ryan.white](#):
>
> If your problem is the instances are not growing, uncheck `useDefaultWidth`

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**
>
> ![repeaterExample](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/4/0425f4d0c495c1a86f369a69120d865d89ade6dc.png)

> **Same repeater, default width disabled**
>
> ![repeaterExample2](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/3/a3b87f4546802002b2dad3a51d1e54d32ea37d5b.png)

> **Same repeater, default width disabled, in row container to constrain width**
>
> ![repeaterExample3](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/e/9e601d78903d7a9f818eb7abd5a829ca9b26f178.png)

---

<div class="post-metadata">

**Author:** ![Ryan\_Crawford](https://avatars.discourse-cdn.com/v4/letter/r/a587f6/32.png) [@Ryan\_Crawford](https://forum.inductiveautomation.com/u/Ryan_Crawford)\
**Post date:** [November 5, 2024, 5:04pm UTC](https://forum.inductiveautomation.com/t/issue-with-flex-repeater-not-expanding-horizontally/98083/8 "2024-11-05T17:04:07Z")

</div>

Thanks Ryan, I really do appreciate the help.
