Menu focus group

The Menu Focus Group reusable element is useful for dashboards or to have dropdowns of user actions that you can place throughout your app (or copy and replicate the logic).

In order to set up this reusable element, you'll need to be comfortable setting up Bubble workflows, and comfortable duplicating reusable elements.

This element is versatile and can be used for many different elements in one app. An app may end up having more than 10 different menu focus groups to allow for creation, editing and deletion popups of different data types within portals/tables.

Modifying default element

By default, this element is used as a part of the Admin portal to allow you or your admins to manage your Users from inside your Bubble app (instead of via the Bubble editor). It includes the following actions:

  • Reset password (Note: only works on paid Bubble plans, uses an API WF)

  • Edit User

  • Delete User

If you'd like to change any of these actions or add new ones, you'll need to open up the menufocusgroup reusable element in the Bubble editor for your application.

Then, in the Workflows tab, select the group that you'd like to edit. By default, group 1 is the Reset Password action, 2 is the Edit User action, and 3 is the Delete User action. Groups 4 and 5 are hidden from the user and don't do anything by default.

Workflows in the menufocusgroup reusable element

You'll also need to show the other "Group option" buttons in the design tab if you'd like the user to be able to see them.

Check the box on the element "Group Option 4" and change the text on the element "Text Option 4"

Here's a video explanation of how you can set up new actions, and seeing where the actions actually happen in the Bubble app.

Setting the data source

Make sure to also set the data source of the reusable element on the page where it is found. Otherwise, the actions won't have any reference as to which User to modify, and won't modify any data as a result.

"Parent group's User" refers to a cell's User in this case

In this reusable element, this allows for the correct user to be edited in each cell. The parent group of the reusable needs to have its data source set correctly, and that group's parent group, until the last one saysCurrent cell's User.

Using add/edit popup

This reusable element comes with an add/edit popup which allows users to add or edit an object.

If you want to use this popup somewhere without actually displaying the menu to the user (e.g. from another button, or as part of a signup flow), you should place the reusable element in the hidden variables popup. This allows you to access this functionality without duplicating the add/edit user popup.

Add the desired menu reusable element to the Hidden Variables popup on your target page
Trigger the action from somewhere on the page
Display data in the reusable element to edit existing data

Last updated

Was this helpful?