# Repeating Group inside/bordered Group

**URL:** <https://forum.bubble.io/t/repeating-group-inside-bordered-group/171804>\
**Category:** App Organization\
**Created:** [September 30, 2021, 1:00pm UTC](https://forum.bubble.io/t/repeating-group-inside-bordered-group/171804 "2021-09-30T13:00:43Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![zifiry](https://avatars.discourse-cdn.com/v4/letter/z/f9ae1b/32.png) [@zifiry](https://forum.bubble.io/u/zifiry)\
**Post date:** [September 30, 2021, 1:00pm UTC](https://forum.bubble.io/t/repeating-group-inside-bordered-group/171804/1 "2021-09-30T13:00:43Z")

</div>

Dear Bubblers, I urgently need your help as usual!

I’ve spent almost three days figuring out the problem. I have a Repeating Group with Group inside. This repeating group pulls data from external API and this repeating group is quite long.

 ![IMG_8231.HEIC](https://us1.discourse-cdn.com/bubble/original/3X/3/2/32d712684f77598f6ecd35ba2a46aa2154dc8f3c.jpeg)

I want to border this repeating group somehow that my page does not get bigger. I tried to put it inside a group but group height doesn’t change dynamically when the  
window size is changing.

As always, I hope to get you help, guys!

Best,  
Dima

---

<div class="post-metadata">

**Author:** ![paul29](https://avatars.discourse-cdn.com/v4/letter/p/5f8ce5/32.png) [@paul29](https://forum.bubble.io/u/paul29)\
**Post date:** [September 30, 2021, 1:05pm UTC](https://forum.bubble.io/t/repeating-group-inside-bordered-group/171804/2 "2021-09-30T13:05:09Z")

</div>

Just change the layout style of the RG to “vertical scrolling”  
 ![image](https://us1.discourse-cdn.com/bubble/original/3X/9/4/9423e470936547799b1fae857e79f2350f8c5e2b.png)

---

<div class="post-metadata">

**Author:** ![zifiry](https://avatars.discourse-cdn.com/v4/letter/z/f9ae1b/32.png) [@zifiry](https://forum.bubble.io/u/zifiry)\
**Post date:** [September 30, 2021, 1:17pm UTC](https://forum.bubble.io/t/repeating-group-inside-bordered-group/171804/3 "2021-09-30T13:17:14Z")

</div>

Dear Paul,

If I use “vertical scrolling”, I have this kind of problem - RG do not cover the full page but it is scrollable.

 ![Снимок экрана 2021-09-30 в 16.12.24](https://us1.discourse-cdn.com/bubble/original/3X/d/2/d2218ea3d671e45e0ed838e6a66c68b159ea61ef.png)

What I want to get is this: full page scrollable repeating group without way to enlarge the whole page heigth

 ![Снимок экрана 2021-09-30 в 16.13.50](https://us1.discourse-cdn.com/bubble/original/3X/2/f/2f84aad4c7977e5abd4744f8a289c77c48cf2e79.png)

---

<div class="post-metadata">

**Author:** ![paul29](https://avatars.discourse-cdn.com/v4/letter/p/5f8ce5/32.png) [@paul29](https://forum.bubble.io/u/paul29)\
**Post date:** [September 30, 2021, 1:19pm UTC](https://forum.bubble.io/t/repeating-group-inside-bordered-group/171804/4 "2021-09-30T13:19:20Z")

</div>

Meaning you want the repeating group to dynamically change it’s height based on the page height so it always takes up the full page?

---

<div class="post-metadata">

**Author:** ![zifiry](https://avatars.discourse-cdn.com/v4/letter/z/f9ae1b/32.png) [@zifiry](https://forum.bubble.io/u/zifiry)\
**Post date:** [September 30, 2021, 1:24pm UTC](https://forum.bubble.io/t/repeating-group-inside-bordered-group/171804/5 "2021-09-30T13:24:00Z")

</div>

Yes, I want to RG change its height depending on the viewport (window size) but do not exceed 380x712, for example.

My page height is 380x712 and I want it to always be that size. If I use “Ext vertical scrolling" in RG, my page becomes 380x10000. I always want to be in 380x712.

So, I need to somehow border the RG but do not lose the possibility to scroll the RG.

---

<div class="post-metadata">

**Author:** ![paul29](https://avatars.discourse-cdn.com/v4/letter/p/5f8ce5/32.png) [@paul29](https://forum.bubble.io/u/paul29)\
**Post date:** [September 30, 2021, 1:27pm UTC](https://forum.bubble.io/t/repeating-group-inside-bordered-group/171804/6 "2021-09-30T13:27:13Z")

</div>

You are now getting into the realm of trying to vertically change group heights based on page height. There is no good answer to this. I have done a lot of searching on this myself. There are a bunch of threads each with different workaround approaches. Here’s one example

> [@Trick for creating dynamic height with groups](http://forum.bubble.io/t/trick-for-creating-dynamic-height-with-groups/155362):
>
> Just discovered this cool little workaround for forcing height or shrinkage in groups. I have no idea if this is common, but I have seen this question on the forum a lot, and I have a solution that may help. I’m using it to shrink the height of my page’s “hero image” group. So that when the page size shrinks for mobile, I can collapse the height of the group so it’s not so tall. And this also avoids having to use hiding rules, which will keep the amount of duplicate elements for purposes of res…

the best I have found is this paid zeroqode plugin

> **[Dynamic Height & Width of Elements Plugin for Bubble](https://zeroqode.com/plugin/dynamic-height--width-of-elements-1531219051458x936969735410548700)**
>
> No-code apps, plugins for Bubble, native apps builder and more. Now you can build apps without code even faster

---

<div class="post-metadata">

**Author:** ![zifiry](https://avatars.discourse-cdn.com/v4/letter/z/f9ae1b/32.png) [@zifiry](https://forum.bubble.io/u/zifiry)\
**Post date:** [September 30, 2021, 1:47pm UTC](https://forum.bubble.io/t/repeating-group-inside-bordered-group/171804/7 "2021-09-30T13:47:43Z")

</div>

Thanks, Paul! That plugin from Zeroqode is quite nice but for some reason it shows only two elements from my repeating group except all of them 😀

---

<div class="post-metadata">

**Author:** ![paul29](https://avatars.discourse-cdn.com/v4/letter/p/5f8ce5/32.png) [@paul29](https://forum.bubble.io/u/paul29)\
**Post date:** [September 30, 2021, 2:15pm UTC](https://forum.bubble.io/t/repeating-group-inside-bordered-group/171804/8 "2021-09-30T14:15:20Z")

</div>

Sorry but I don’t know what you mean. It only shows two elements from your RG except all of them? I don’t know what that means.

---

<div class="post-metadata">

**Author:** ![zifiry](https://avatars.discourse-cdn.com/v4/letter/z/f9ae1b/32.png) [@zifiry](https://forum.bubble.io/u/zifiry)\
**Post date:** [September 30, 2021, 2:32pm UTC](https://forum.bubble.io/t/repeating-group-inside-bordered-group/171804/9 "2021-09-30T14:32:37Z")

</div>

Sorry for that mess. What I wanted to say is the following.  
I’ve used Dynamic Height & Width of Elements Plugin that you proposed to set the dynamic size (height) of my RG. RG has 20 items inside.

I’ve put layout style as “vertical scrolling”. I’ve expected that RG will show all 20 items as I scroll. Unfortunately, after the plugin is implemented, RG shows only 2 items out of 20.

---

<div class="post-metadata">

**Author:** ![paul29](https://avatars.discourse-cdn.com/v4/letter/p/5f8ce5/32.png) [@paul29](https://forum.bubble.io/u/paul29)\
**Post date:** [September 30, 2021, 3:02pm UTC](https://forum.bubble.io/t/repeating-group-inside-bordered-group/171804/10 "2021-09-30T15:02:45Z")

</div>

Can you send screenshots of your full page showing the RG, the settings of the RG and the settings of the dynamic height element?

---

<div class="post-metadata">

**Author:** ![zifiry](https://avatars.discourse-cdn.com/v4/letter/z/f9ae1b/32.png) [@zifiry](https://forum.bubble.io/u/zifiry)\
**Post date:** [September 30, 2021, 3:13pm UTC](https://forum.bubble.io/t/repeating-group-inside-bordered-group/171804/11 "2021-09-30T15:13:50Z")

</div>

For RG the ID “sh\*t” is assigned. Sorry for that 🙂

 ![Снимок экрана 2021-09-30 в 18.09.45](https://us1.discourse-cdn.com/bubble/original/3X/a/e/aeec7969edb374c75038eebb708a1967b5899b60.png)  
 ![Снимок экрана 2021-09-30 в 18.11.46](https://us1.discourse-cdn.com/bubble/original/3X/7/6/7638d034b8fa35ddf20f5e19413d90caadac1016.png)  
 ![Снимок экрана 2021-09-30 в 18.12.20](https://us1.discourse-cdn.com/bubble/original/3X/f/a/fad4fa642b95f023e4b1901b2abbce1e91b6a283.png)

---

<div class="post-metadata">

**Author:** ![paul29](https://avatars.discourse-cdn.com/v4/letter/p/5f8ce5/32.png) [@paul29](https://forum.bubble.io/u/paul29)\
**Post date:** [September 30, 2021, 6:49pm UTC](https://forum.bubble.io/t/repeating-group-inside-bordered-group/171804/12 "2021-09-30T18:49:55Z")

</div>

Is item 2 cut off or is it just much smaller than item 1?

Also, where haver you placed your dynamic height element? You have it ticked that it is in a repeating group.

I am definitely not an expert with this plugin but what I would be doing is just playing around with all of the settings and figuring out what has what effect (i.e the number of rows, change from viewport to the other option (I blanking on what it is. Something like page height or screen size)).

My guess is that the correct setup would be that your dynamic height element is just somewhere on the page (not in any group) and your repeating group is inside a group. That normal group’s height is then controlled by the dynamic height element which therefore limits the height of the repeating group
