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

Menu widget with folders/submenu items - Clicking text doesn't open dropdown?

MackenzieCope

Hi there! Wondering if anyone in the community has come across this issue and if there might be a setting I'm missing?

I have a folder (called "unconventional fuels") with two pages inside (called "tar sands" and "shale oil") in my experience and a menu widget in my header for navigation. The only way to see the drop-down of pages within the folder is to click the arrow next to the text, even though the text highlights on hover as if it is hyperlinked.

Is there a way to make it so that when the user clicks on the folder name text OR the arrow, the drop-down list will show up?

Test environment showing this issue here: https://experience.arcgis.com/experience/53420c45c903430285743c8ebe99d693/

Thanks!

Trouver plus de publications taguées avec

Accepted answers

TonghuiMing

In similar Menu configurations, it can be a folder, or a valid page containing sub-pages.

The behavior you observed is the current enhanced design. Otherwise, if it is a valid page, then clicking on the label will do two things: direct to that page, and then open the dropdown, which per feedback we received that many users do not want.

All comments

LindseyStone

@TonghuiMing, not sure if this is exactly the same or not, but what what you recommend. I'm utilizing Developer vs 1.16. Within my pages, I have a folder called More that has two external links to it . Then I have a menu setup within my header. When viewing the live site, the only way to initiate that drop down is to click the arrow next to the More. Clicking anywhere else on the button does nothing. To me this is a slight hinderance that the arrow is very small area to click and the whole thing looks like a button as the entire button has a hover color change. The other two buttons (which are also external links) can be clicked anywhere within the button and it functions properly. Is this by design or a setting I have configured incorrectly.

MackenzieCope

@TonghuiMing Thank you for the info! I had no idea I could nest pages under other pages! I had only used folders to organize pages like that. I appreciate the help!

TonghuiMing

In similar Menu configurations, it can be a folder, or a valid page containing sub-pages.

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

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