Get Navigation Child pages on hover | Community
Skip to main content
Level 3
Jun 2, 2021 10:45 AM UTC
Solved

Get Navigation Child pages on hover

Hi Team,

 

I have created navigation component using AEM core components. Please suggest how I can fetch the child pages of navigation on Hover.

 

Thanks!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Asutosh_Jena_
Asutosh_Jena_Accepted solution
New Participant
Jun 2, 2021 12:04 PM UTC

Hi @heena91 

 

The OOTB core navigation component will list out all the pages including the child pages. Using CSS and JS you can hide the child pages by default and on hover you can show it.

Please see https://www.vyvansepro.com/adhd/adult-adhd site where we have implemented the core navigation component without any modification.

 

Thanks!

7 replies

Asutosh_Jena_
Asutosh_Jena_Accepted solution
New Participant
Jun 2, 2021 12:04 PM UTC

Hi @heena91 

 

The OOTB core navigation component will list out all the pages including the child pages. Using CSS and JS you can hide the child pages by default and on hover you can show it.

Please see https://www.vyvansepro.com/adhd/adult-adhd site where we have implemented the core navigation component without any modification.

 

Thanks!

Translate
Heena91Author
Level 3
Jun 2, 2021 12:09 PM UTC

Hi @asutosh_jena_

 

In my case only navigation items are showing, sub pages are not appearing.

 

HTL:

<div class="cmp-navigation--header" id="header-navbar"
data-sly-resource="${'navigation' @ resourceType='wknd/components/structure/navigation'}">
</div>

 

 

 

Thanks!

 

Translate