Select to view content in your preferred language

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

1138
3
Jump to solution
05-31-2023 12:15 PM
MackenzieCope
Occasional Contributor

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!

0 Kudos
1 Solution

Accepted Solutions
TonghuiMing
Esri Regular Contributor

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.

View solution in original post

3 Replies
TonghuiMing
Esri Regular Contributor

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.

MackenzieCope
Occasional Contributor

@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!

LindseyStone
Frequent Contributor

@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.

LindseyStone_0-1742499278388.png

LindseyStone_1-1742499443689.png

 

 

0 Kudos