How to use a Group Focus inside a Repeating Group

UI Jan 04, 2021

If you've given it a try, you'd know that you can't create a Group Focus inside another Group or a Repeating Group. The Group Focus always stays at the page level and it cannot have a parent group.

There is a neat workaround to this limitation. We simply create a Reusable element.  

Creating the Reusable element

The design of the Reusable element can be anything as we'd like.

Menu icon with a Group Focus

We then create a Group Focus in the Reusable element and set up triggers to show/hide this Group Focus.

If you'd notice, the Group Focus still does not have any parent group apart from the Reusable element itself. However, the Reusable element can have a parent group.

As a result, we can place this Reusable element inside a Repeating group cell. This allows us to have a Group Focus inside a Repeating group.


Editor - https://bubble.io/page?type=page&name=group_focus-in_rg&id=nocodeassistant-tutorials&tab=tabs-1

Preview - https://nocodeassistant-tutorials.bubbleapps.io/version-test/group_focus-in_rg


If you need some help with your Bubble app or if you need a team of Bubble developers to build a Bubble app for you, reach out to me at [email protected] You can also follow me on Twitter.


Tags