Does anyone know of a way to keep the aspect of a group stay the same when responsive? I need to let the group expand to 120% when page is stretched, but also expand 120% in Y. I have a group the size of about a credit card, It’s not big enough to fill out the full width of a mobile screen, I can easily fix that by allowing it to expand in width, but you’d end up with a very funny shaped credit card. I don’t think there’s a native way of doing it, but maybe someone’s worked out a hack? I’ve exhausted the usual stuff with hidden group, floating groups etc. Zerocode has a plug in, that might work, but can’t find much about it on the forum. Has anyone tried and had any luck with it? (No, signing up for a plug in subscription and cancel it, is not a proper way of doing stuff:)) As of now I might have to resort to swapping the group out for a mobile version, but with a one page design, it’s essentially running a mobile version of the site. Not very responsive eh! haha. cheers

After some more testing the image hack does work. However I did run into a problem where the group will stretch, but any content won’t. I needed a line of text to stay at the bottom of the group. So I came up with another solution. Instead of using the image, I was able to achieve the same result by using a conditional to set the bottom line of text’s line spacing to increase when on mobile. This forces the group to grow in height. It also had the added benefit of being faster to iterate, and potentially also faster to load.

I just released a new plugin to automatically adjust a groups height based on different reference points like page’s height or another element’s/group’s height. [image] ringer_planet Spacer: a plugin to better control responsiveness of your app Showcase Since the release of the successful Classify plugin, most of the help requests I received from developers are about Bubble’s responsive engine’s shortcomings regarding the height of elements. I, myself, faced many challenges that ended up with overcomplicated workarounds to simply have a group to adjust its height dynamically. While the new Flexbox engine gets released to everyone and gets implemented in every app, this new ringer_planet Spacer plugin aims to improve the responsiveness of pag…

Group responsive height

Need help Responsiveness

julienallard1 September 19, 2021, 12:05am 23

I just released a new plugin to automatically adjust a groups height based on different reference points like page’s height or another element’s/group’s height.

Topic		Replies	Views
Grow Repeating Group to full page height - Mobile Chat Responsiveness	13	4070	October 13, 2020
Setting a group to be % of viewport height dynamically Tips	117	41223	November 11, 2024
Responsiveness of the height of a group/element Responsiveness	15	2571	September 19, 2021
Increase group height as page height increases Responsiveness	3	1256	September 18, 2021
Responsive Height for Hybrid Mobile App Responsiveness	33	5874	September 13, 2021

Group responsive height

Related topics