Fixed Position Within Floating Group

See image below for reference. This image is a floating group that is pinned to the top of the page.
The blue section is a repeating group that has a list of comments that shows 2 rows and is set to scroll . The orange section is a group to add comments. The yellow is the bottom of the floating group.

I would like to have the orange section pinned to the bottom of the floating group and the blue section expand in length to fill the space depending on the screen height.

Is there a way for this to be done?

Set your blue group to float relative to “both” and your orange group to float relative to “bottom”

They are already in a floating group. To my knowledge, you cannot have a floating group within another floating group.

Make the orange group a regular group inside your blue floating group (make sure that it is properly nested inside the blue floating group). Then right click your orange regular group and click “replace by another type” and choose floating group. This will allow for the nested structure you are wanting

That doesn’t actually work in practice. Sounded like a good work around but the floating group element can only float relative to the page, because it is not really ‘On’ the page.


@jasonh check out this free tutorial about optimizing the RG design. What it covers you can implement into your app for your desired effect.

When you use the method in the tutorial to target your RG it will change it’s height and you can set that based on the browser window height and when doing this the orange group underneath will be automatically pushed down as the RG height increases.

You’ll need to figure out the math to calculate the settings in the CSS. There is a thread on the classify plugin used in which the topic of using the ‘calc’ function is discussed to incorporate the height of the browser and your other elements.

Learn More

Boston85719 is an expert Bubbler with a decade experience as an educator. Real name Matthew, he has been actively building SaaS apps, marketplace apps, scheduling apps and more for clients, himself and for sale as templates.

As an official Bubble Bootcamp Instructor, he leads Bubble Bootcamps on a regular basis.

Always willing to offer advice via the Bubble Forum, Matthew also offers Private Personal and Group Training Sessions.

Through his site, NoCodeTrainer, Matthew provides a range of tutorials with editor access to help you jumpstart your Bubble development.

Always accessible you can send Matthew a private message via the forum or send an email directly with your requests.

Be sure to checkout the Stripe Integration Course when you are ready to integrate Stripe payments to start monetizing your application via product sales or subscriptions.

Stripe Integration Course

NoCodeTrainer.com

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