Hello! I would like to change my group height based on what elements in that group are visible in given moment. For example: There is a group with button “Upload Photo”. When the user uploads the photo it’s visible in that group so other content should “go down” on the website because group is hi…

Example with your app: Input ThreadPic is not inside a group. Put it inside a group and instead of hidden the Input ThreadPic, hide the group. Set the group to collapse when hidden. Do that for all your inputs. Also, you should only have one button (the last one) Publish. You should put the button …

Group will automatically adapt height to the content. Ideally,you should use Collapse group when hidden and also use the minimal size of content that you need and let element increase if needed (example: text element). If content is bigger, the group will increase in height.

I’m using “Collapse group when hidden”. Unfortunately, group doesn’t make its height shorter on “Preview”.

If you can share editor link in view only mode, it will be easier to help. Or some screenshot of your current settings

What I think is that you actually have something else that take the space between the publish button the rest of the group. It can be an hidden element, that is not a group, and so, doesn’t collapse. Example, you have a text input, do this text input is inside a group, this group is set to collapse…

Also, are groups stacked or overlapping? [image] Understanding Vertical Scrolling Elements in Bubble Responsiveness Ok, I got it. Let me send you a screen shot with an explanation.

Maybe it will be better if i just share edit link with you. [image] Bubble Editor - Testaxo Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications. …

Also, stack them like the other post recommend.

Done on “test2” subpage - works now. Thanks :-).

Group Height based on visible content inside

Need help Responsiveness

Jici July 5, 2021, 7:57pm 7

Also, are groups stacked or overlapping?

Topic		Replies	Views
Adjust Group Height based on Dynamic Contents Need help	3	1288	January 22, 2021
Option to match page height to currently shown content Idea	19	3128	November 14, 2017
Reduce page height when groups are hidden Questions	2	677	August 9, 2021
Collapse Height of Group When Not Visible Responsiveness	3	1573	December 22, 2020
How to reduce Group Heigh when content not visible Need help	1	263	November 23, 2020

Group Height based on visible content inside

Related topics