# Horizontal Repeating Group

**URL:** <https://forum.bubble.io/t/horizontal-repeating-group/101313>\
**Category:** Mobile\
**Created:** [July 11, 2020, 1:42pm UTC](https://forum.bubble.io/t/horizontal-repeating-group/101313 "2020-07-11T13:42:46Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![mamprogr](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mamprogr/32/56715_2.png) [@mamprogr](https://forum.bubble.io/u/mamprogr)\
**Post date:** [July 11, 2020, 1:42pm UTC](https://forum.bubble.io/t/horizontal-repeating-group/101313/1 "2020-07-11T13:42:47Z")

</div>

Hello,  
How to show two and a half columns in the horizontal repeating group, i.e. like this:  
 ![image](https://us1.discourse-cdn.com/bubble/original/3X/b/1/b11dc909d44a24dcb6b2984401fe54e4921a1039.jpeg)

I can make them two or three columns like here:

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/f/c/fc830302063c1625fe3bc876a7197589c9bfbdef.png)  
But I can’t make it two and a half.

I think this is important because it gives an indication that there is a horizontal scrolling.

---

<div class="post-metadata">

**Author:** ![michelduprez](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/michelduprez/32/58151_2.png) [@michelduprez](https://forum.bubble.io/u/michelduprez)\
**Post date:** [July 11, 2020, 2:28pm UTC](https://forum.bubble.io/t/horizontal-repeating-group/101313/2 "2020-07-11T14:28:41Z")

</div>

Hi,

You could just hide the 1/2 with some shape ?

Michel

---

<div class="post-metadata">

**Author:** ![mamprogr](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mamprogr/32/56715_2.png) [@mamprogr](https://forum.bubble.io/u/mamprogr)\
**Post date:** [July 11, 2020, 3:25pm UTC](https://forum.bubble.io/t/horizontal-repeating-group/101313/3 "2020-07-11T15:25:12Z")

</div>

Thanks for your reply,

If we hide it, the last item will not shown fully.

---

<div class="post-metadata">

**Author:** ![michelduprez](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/michelduprez/32/58151_2.png) [@michelduprez](https://forum.bubble.io/u/michelduprez)\
**Post date:** [July 11, 2020, 5:06pm UTC](https://forum.bubble.io/t/horizontal-repeating-group/101313/4 "2020-07-11T17:06:30Z")

</div>

I mean hide the right part of the RG 🙂, above itself, not hiding any item of the RG.

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/d/7/d7fa75a2da5ce9ffef93fb7eb3ee545946c939a5.jpeg)

---

<div class="post-metadata">

**Author:** ![mamprogr](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mamprogr/32/56715_2.png) [@mamprogr](https://forum.bubble.io/u/mamprogr)\
**Post date:** [July 11, 2020, 10:02pm UTC](https://forum.bubble.io/t/horizontal-repeating-group/101313/5 "2020-07-11T22:02:28Z")

</div>

Thanks again,

I noticed that “fixed-width” option is related directly to this issue, my problem has been resolved when I unchecked it, I will explain what I discovered 🙂

**First case:** “no fixed width”:

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/d/7/d78db2bd8cc1f6953385413ee1b1b8882093e1f6.png)  
=\>  
 ![image](https://us1.discourse-cdn.com/bubble/original/3X/9/5/95a25f8cc1accaa8a45641c55b1f59396e022538.png)

**Second case:** “fixed width”:

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/0/2/025d1556f2ea10ee83c3039ed2d8c17aa0b41d75.png)  
=\>  
 ![image](https://us1.discourse-cdn.com/bubble/original/3X/c/a/ca543f64d262e6409674efd080d3f1abf174ba81.png)

---

<div class="post-metadata">

**Author:** ![michelduprez](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/michelduprez/32/58151_2.png) [@michelduprez](https://forum.bubble.io/u/michelduprez)\
**Post date:** [July 11, 2020, 10:25pm UTC](https://forum.bubble.io/t/horizontal-repeating-group/101313/6 "2020-07-11T22:25:37Z")

</div>

Haha ok, I didn’t even know “horizontal scrolling” was a feature…

So, thanks to you 🙂

Michel

---

<div class="post-metadata">

**Author:** ![mamprogr](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mamprogr/32/56715_2.png) [@mamprogr](https://forum.bubble.io/u/mamprogr)\
**Post date:** [July 11, 2020, 10:36pm UTC](https://forum.bubble.io/t/horizontal-repeating-group/101313/7 "2020-07-11T22:36:44Z")

</div>

Thanks for you 🙂

---

<div class="post-metadata">

**Author:** ![anon38627393](https://avatars.discourse-cdn.com/v4/letter/a/858c86/32.png) [@anon38627393](https://forum.bubble.io/u/anon38627393)\
**Post date:** [July 12, 2020, 1:53am UTC](https://forum.bubble.io/t/horizontal-repeating-group/101313/8 "2020-07-12T01:53:59Z")

</div>

Make sure you “wrap” the Repeating Group within a parent Group with a set maximum width (“Set a maximum when page is expanded”), which I think it might already be, I can’t tell by the screenshots. Reason is, any one with a large monitor will be able to see the full RG and defeat your intended purpose.

Another alternative was to overlay the RG cell with another image, like a transparent png gradient, set it not visible on load, and then in the conditional set it to visible if current cell’s index \>= 3 or equivalent.
