Design and CSS styles
Version 7.x > Design and CSS styles > Keep memu open when selecting items View modes: 
User avatar
Kentico MVP
Kentico MVP
Brenden Kehren - 4/2/2013 2:51:42 PM
   
Keep memu open when selecting items
I've got a vertical menu using the Hirerachical web part and transformations and it works great. Only problem I have is trying to figure out how to get the menu to stay "open" when the user navigates to something below the second level navigation. For instance in the image below I have Employment selected which is nested under Our Story. Employment is highlighted and has an arrow next to it. This is by design and works well.

What I need now is when someone selects the Benefits link which is nested under Employment, I want to keep the menu "open" and Employment selected with the arrow but I don't see how I can style it because when that 3rd level is selected there isn't anything to go off of in the navigation to set the style.

Any ideas?

User image

Here is an image of what it looks like "collapsed".

User image

User avatar
Kentico Support
Kentico Support
kentico_jurajo - 4/8/2013 10:39:07 AM
   
RE:Keep memu open when selecting items
Hi,

Currently, it is not natively supported. You will need to add that logic into the transformation. E.g. a custom function, that will check the current path and based on it, a different CSS class will be the output - so you will hide/display the items.

I would recommend adding a suggestion to the UserVoice for some conditional types/functions for transformations :-)

Thank you.

Best regards,
Juraj Ondrus