Nested Dynamic Navigation Best Practice?

I’m attempting to create a dynamic navigation for a website builder. Feels like this should be fairly simple but I’m getting hung up and would appreciate any suggestions. Use case:

  • creating a website builder
  • users can create website pages
  • a website page has a lookup field “parent website page”
  • a website page has a “list of child website pages”

I’m looking to now display a navigation menu that allows the user to see the website page, then hover to see child website pages.

Haven’t been able to do this natively on bubble, haven’t found a plug-in, and haven’t found a template that accounts for this. Suggestions???

Hey @gpdmop :wave:

Do you have a dataType of website pages and have the parent attached to the children?

Are you trying to create an actual page in bubble dynamically or are you creating the illusion of pages with groups?

Trying to understand where you are getting stuck. Hope we can help out. :blush:

Thank you for the response @J805. Find a few more details below:

  1. I have a Data Type “Website Page” with two relevant fields (1. Parent Website Page and 2. a list of Child Website Pages)
    image
  2. When I create a “sub page”, I add it to the list of child pages of the parent website page.
  3. [PROBLEM 1] When using a focus group, I am unable to reference the content inside of a repeating group
    Screen Shot 2023-11-17 at 5.33.34 AM
  4. [PROBLEM2] Here I have a repeating group “website pages”. When I attempt to display the “list of child pages” in a repeating group within this cell, I am unable to reference the “website pages” current cell
    Screen Shot 2023-11-17 at 5.40.42 AM

I see now.

So for this one, if you are using a focus group inside of a repeating group, you will have to have the data inside of the repeating group as a reusable element. Then drop it into the repeating group. Then you will have access to the data you need. Like this example: Dropdown Menus on Repeating Group Cells - #3 by eli

Does that help? :man_shrugging:

Worked like a charm, thank you for the help @J805 !

Awesome. Glad that helped! :blush::clap: