# Row Layout inside Repeating Group

**URL:** <https://forum.bubble.io/t/row-layout-inside-repeating-group/232063>\
**Category:** Responsiveness\
**Created:** [November 11, 2022, 6:47am UTC](https://forum.bubble.io/t/row-layout-inside-repeating-group/232063 "2022-11-11T06:47:46Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![umiumansa](https://avatars.discourse-cdn.com/v4/letter/u/ccd318/32.png) [@umiumansa](https://forum.bubble.io/u/umiumansa)\
**Post date:** [November 11, 2022, 6:47am UTC](https://forum.bubble.io/t/row-layout-inside-repeating-group/232063/1 "2022-11-11T06:47:46Z")

</div>

Hello I am trying to list users in a repeating group, with each cell of the repeating group containing a row and inside the row a user icon and a user name. I want the icon and username **not to break line** as in below screenshot.

![image](https://us1.discourse-cdn.com/bubble/original/3X/d/0/d0b02598d94c7e4189b2a2c1771cb636c8cfe1b0.png)

I played around with this but without success. All I managed to do is increased min witdh of RG column to 200 and I get this:

![image](https://us1.discourse-cdn.com/bubble/original/3X/7/5/75da0d0adaee8211712d5fbdd0386a4e59171ade.png)

And now the items are too far appart.

What I want is all users following each other like a little train, go to the next line ig the width of the page is too narrow but never break icon from name.

RG Layout:

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/5/b/5b257c82054f3e2a8c9e851562ab6d1be01944f8.png)

RG Appearance:

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/0/7/0731c6f3946854e553fd8109845bf88cbdeaf316.png)

User group layout:

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/1/c/1cb4848c3fba63a7cec3867ca63de55489d0c014.png)

---

<div class="post-metadata">

**Author:** ![it18](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/it18/32/213409_2.png) [@it18](https://forum.bubble.io/u/it18)\
**Post date:** [November 11, 2022, 7:22am UTC](https://forum.bubble.io/t/row-layout-inside-repeating-group/232063/2 "2022-11-11T07:22:32Z")

</div>

Hi @umiumansa,

Change your Groop User - Min width to value bigger than sum of min width of icon and the text element inside. Including padding and margines inside group.  
I think this should solve your problem.

---

<div class="post-metadata">

**Author:** ![rico.trevisan](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/rico.trevisan/32/170176_2.png) [@rico.trevisan](https://forum.bubble.io/u/rico.trevisan)\
**Post date:** [November 11, 2022, 8:23am UTC](https://forum.bubble.io/t/row-layout-inside-repeating-group/232063/3 "2022-11-11T08:23:37Z")

</div>

I don’t love the controls of the RG. I normally put everything in a group and control it from there. Like this:

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/4/8/486969e0523bd17fe558d7e1f33b6d88c32b7446.png)

---

<div class="post-metadata">

**Author:** ![umiumansa](https://avatars.discourse-cdn.com/v4/letter/u/ccd318/32.png) [@umiumansa](https://forum.bubble.io/u/umiumansa)\
**Post date:** [November 11, 2022, 9:29am UTC](https://forum.bubble.io/t/row-layout-inside-repeating-group/232063/4 "2022-11-11T09:29:43Z")

</div>

Thanks for this but I don’t understand how the RG min value you propose would work. It just squishes everything.

---

<div class="post-metadata">

**Author:** ![rico.trevisan](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/rico.trevisan/32/170176_2.png) [@rico.trevisan](https://forum.bubble.io/u/rico.trevisan)\
**Post date:** [November 11, 2022, 12:23pm UTC](https://forum.bubble.io/t/row-layout-inside-repeating-group/232063/5 "2022-11-11T12:23:08Z")

</div>

Just realized the RG needs to be set to wrapped horizontally.

![CleanShot 2022-11-11 at 13.22.47](https://us1.discourse-cdn.com/bubble/original/3X/d/4/d414f1d89682604fb3d6d2f19d0a8164366456de.gif)

Would this work for you?

demo: [https://nocode-to-knowcode.bubbleapps.io/version-test/rg-group](https://nocode-to-knowcode.bubbleapps.io/version-test/rg-group)  
editor: [Nocode-to-knowcode | Bubble Editor](https://bubble.io/page?type=page&name=rg-group&id=nocode-to-knowcode&tab=tabs-1)

---

<div class="post-metadata">

**Author:** ![jared.gibb](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jared.gibb/32/123329_2.png) [@jared.gibb](https://forum.bubble.io/u/jared.gibb)\
**Post date:** [November 11, 2022, 3:58pm UTC](https://forum.bubble.io/t/row-layout-inside-repeating-group/232063/6 "2022-11-11T15:58:00Z")

</div>

Nice work Rico!

---

<div class="post-metadata">

**Author:** ![umiumansa](https://avatars.discourse-cdn.com/v4/letter/u/ccd318/32.png) [@umiumansa](https://forum.bubble.io/u/umiumansa)\
**Post date:** [November 12, 2022, 3:38pm UTC](https://forum.bubble.io/t/row-layout-inside-repeating-group/232063/7 "2022-11-12T15:38:25Z")

</div>

Looks like it! I will try and get back.

---

<div class="post-metadata">

**Author:** ![xtechaus](https://avatars.discourse-cdn.com/v4/letter/x/c0e974/32.png) [@xtechaus](https://forum.bubble.io/u/xtechaus)\
**Post date:** [January 16, 2023, 10:45pm UTC](https://forum.bubble.io/t/row-layout-inside-repeating-group/232063/8 "2023-01-16T22:45:08Z")

</div>

I dont get this, when I set the group in the repeating group to a row, and have my text as 0 min width, the text basically minimizes to the point its invisible.
