# How To Center This Repeating Group Horizontally?

**URL:** <https://forum.bubble.io/t/how-to-center-this-repeating-group-horizontally/23583>\
**Category:** Need help\
**Created:** [January 25, 2018, 1:07am UTC](https://forum.bubble.io/t/how-to-center-this-repeating-group-horizontally/23583 "2018-01-25T01:07:11Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![philnauta](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/philnauta/32/7808_2.png) [@philnauta](https://forum.bubble.io/u/philnauta)\
**Post date:** [January 25, 2018, 1:07am UTC](https://forum.bubble.io/t/how-to-center-this-repeating-group-horizontally/23583/1 "2018-01-25T01:07:11Z")

</div>

I have a repeating group that’s 1 row with 8 columns:

 ![02 PM](https://us1.discourse-cdn.com/bubble/original/3X/c/8/c8eed594ea49c11ea615d0d9c824efd498c26fa7.png)

The user can select any number of those 8 items, such as like this:

 ![30 PM](https://us1.discourse-cdn.com/bubble/original/3X/7/e/7e3cee249b4d86153a5832b205f2d32c0d4981a1.png)

From then on, they’ll only see the items they selected. My question is, how can I get those items centered horizontally on the page rather than left-aligned as they are now:

 ![45 PM](https://us1.discourse-cdn.com/bubble/original/3X/f/6/f6221dcac9e6fc0550db34fa19da198f27a4bbbd.png)

Thank you!

---

<div class="post-metadata">

**Author:** ![philnauta](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/philnauta/32/7808_2.png) [@philnauta](https://forum.bubble.io/u/philnauta)\
**Post date:** [February 1, 2018, 9:30pm UTC](https://forum.bubble.io/t/how-to-center-this-repeating-group-horizontally/23583/2 "2018-02-01T21:30:41Z")

</div>

Bump. To summarize: Is it possible to center a horizontal repeating group in the middle of the page (i.e. unlike my last image above) when I don’t know how many columns there will be ahead of time? Or do I need to add each one of these elements individually without using a repeating group and try to make it work that way?

---

<div class="post-metadata">

**Author:** ![StevenM](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/stevenm/32/17066_2.png) [@StevenM](https://forum.bubble.io/u/StevenM)\
**Post date:** [February 2, 2018, 4:05pm UTC](https://forum.bubble.io/t/how-to-center-this-repeating-group-horizontally/23583/3 "2018-02-02T16:05:07Z")

</div>

I was trying to do something similar and this may help I haven’t tried to centre but if you could dynamically display the number of cells as in the example below you may able to better center it.

Horizontal RG are a bit tricky though.

> [@Horizontal repeating group full list - no scrolling - is it broken?](http://forum.bubble.io/t/horizontal-repeating-group-full-list-no-scrolling-is-it-broken/23249):
>
> HI All I am trying to create a horizontal repeating group, but I do not know how many columns will be required other than it is between 2 and 10. I can see I can do horizontal scrolling, but that’s not necessary and really wouldn’t work for this. What I am trying to do: I want to be able to set the repeating group cell size and have it show the number columns based on the number of items/ records I need to show. Example, if I have 5 items it uses 5 columns. I know I can set the colunm size …

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [April 5, 2018, 1:07am UTC](https://forum.bubble.io/t/how-to-center-this-repeating-group-horizontally/23583/4 "2018-04-05T01:07:11Z")

</div>

This topic was automatically closed after 70 days. New replies are no longer allowed.
