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; } } }

Drop-Down Menu for Views Navigation

MichaelDesjardins

Hello,

I have created an experience builder with numerous tabs to provide maps for different variables: See here. My current views navigation is a long list of the separate tabs, but we would like to use a drop-down menu instead to save space. I can't seem to figure out how to do this in the views navigation tool.

Also, is it possible to have multiple drop-down boxes that contain views navigation for groups of variables (e.g., (1) exposures (2) outcomes).

I appreciate any assistance.

Thanks,

Michael

Finde mehr Beiträge mit dem Tag

Accepted answers

Jeff.Thompson@arlingtontx.gov_arlingtontx

Instead of using the Views Navigation Widget, make links to your view. You can do this with the Button Widget or the Text Widget, either way there is an option to make a link to a view. You will need to do this for every view which will be a bit annoying, but you will have much more control over how to display these links.

If you would like to put them into a dropdown menu, here is a video explaining how to hack a Sidebar Widget to menu. https://community.esri.com/t5/experience-builder-tips-and-tricks/how-to-create-a-dropdown-menu/ta-p/1341697

Putting a set of links into a set of Card Widgets, then putting the cards into a Widget Controller would also be a nice navigation menu.

All comments

CiaraMarleneKeenan

Hello Jeffrey,

Do you mind providing a little more detail with how to turn the sidebar widget into a dropdown menu. So far all I have created are the individual buttons with links to pages in my app.

Thank you

Jeff.Thompson@arlingtontx.gov_arlingtontx

The dropdown hack goes something like this.

Add a Sidebar Widget. Set it so it opens down.
In the always open side, add some explanation text for the menu.
In the collapsible side, add the menu choices.

JonnyRogers1

Good afternoon! So I'm in the same situation as discussed here, and that video you linked is not available anymore.

Is there another solution content that showcases this method? I essentially would like a drop down menu for a subsection of views within a main sectional view.

MichaelDesjardins

Hi Jeffrey,

This is great, I appreciate your prompt support. Seems like this will work! Will accept as solution once complete.

Thanks.

Jeff.Thompson@arlingtontx.gov_arlingtontx

Putting a set of links into a set of Card Widgets, then putting the cards into a Widget Controller would also be a nice navigation menu.

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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