nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Link one Button to Multiple Pages in Experience Builder

nrezvanpour_arc

Hey. I am designing a website for our organization that include multiple webpages and I am wondering is there any way to link several webpages to one button widget that when you hover the tab the webpages appear, and users can select each one of them? (see the photo for reference)

Capture.PNG

Vind meer berichten getagd met

Accepted answers

BethAnnWinebarger

Hey there, I believe what you're looking for can be accomplished by nesting pages in Experience Builder. After adding a new page, drag it in the Pages list and drop it on top of another page. The name will then indent like shown in my example. When you add the menu widget, any pages that are nested will be listed in a drop down menu with the pages under it in order (second screenshot). Rearrange the list of Pages to change the drop down list's order.

ExB Nesting Pages.PNG

ExB Menu.PNG

All comments

KRubalcaba

Oh my goodness, I didn't even know nesting was an option, thanks! I have been looking for a way to create a drop down list in Experience Builder and it was starting to look like there was not a good way to do it. This should work.

nrezvanpour_arc

Awesome! Thank you!

BethAnnWinebarger

ExB Nesting Pages.PNG

ExB Menu.PNG

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.