Repeating group hover menu

[white-eye]

Evening all.

I am trying to create a hove menu. I have looked at @fayewatson 's solution How to create a Menu Groups that appears when the user hovers over the menu title - #12 by vega.andrew , but my situation is slightly different.

I have an RG with product section names. I would like to hover over the name to show the category RG filtered by the section hovered over. Then repeat the process by hovering over the category RG names to show the relevant sub category RG names filtered on the category hover. The solution above does not work as I cannot select the RG item group to use in the conditional, and set states, etc.

Currently I achieve all of this by clicking the RG names, but this makes my UX a bit messy.

Any advice would be appreciated.

[fayewatson]

Hi @white-eye Bubble currently doesn’t allow for placing groupfocus elements in a repeating group at the page-level, but one workaround could be to create a new reusable element (e.g. “product-section-group”) that contains a text element to display the Product Section name and the groupfocus menu on hover.

That reusable element could be a group, and the group’s type of data could be equal to the data type of your repeating group (e.g. “Product Section”). The text element within that reusable could use the expression “product-section-group’s Product Section’s name” to dynamically display the correct product section name, and when that element is hovered, the groupfocus could then become visible.

Back on the page containing the repeating group, you could then place an instance of that “product-section-group” reusable element in your repeating group, and set the data source of that reusable element to be “Current cell’s Product Section” to ensure each Product Section name is displayed. In preview mode, the groupfocus element should display when that text is hovered, but please feel free to let me know if not, or if you have any questions at all!

[white-eye]

Thank you for the input, I will give this a try.