This conversation has been locked due to inactivity. Please create a new post.
Adobe Summit 2025: AEM Session Recordings Are Live! Missed a session or want to revisit your favorites? Watch the latest recordings now.
SOLVED
Site specific to region should be highlighted in navigation when user is in region specific site
1 Accepted Solution
Correct answer by
Hi,
As I could think of the possible solution for implementing this:
1. Create the nav component and take the input from the author about the root page (as in OOTB) and Region Site level.
2. Start iterating the pages in java class and the time you get the match in the site level with the page level, you can create a idenitfier.
e.g. save all these values in a List<LinkBean> or something alike.
3. In the sightly while rendering, check for the identifier from the sling model created in Step 2 and you can add your css there.
Thanks
Hi @HariDo ,
I believe AEM core Navigation component should have that capability, please check here https://experienceleague.adobe.com/docs/experience-manager-core-components/using/components/navigati...
Otherwise, that could be achieved using JavaScript and CSS if it’s custom implemented components.
Kindly refer to the below links for more implementation details:
https://stackoverflow.com/questions/4626431/highlight-the-navigation-menu-for-the-current-page
https://m.youtube.com/watch?v=l9niaFJh8Gs
Hope that helps!
Regards,
Santosh
Santosh Sai
Correct answer by
Hi,
As I could think of the possible solution for implementing this:
1. Create the nav component and take the input from the author about the root page (as in OOTB) and Region Site level.
2. Start iterating the pages in java class and the time you get the match in the site level with the page level, you can create a idenitfier.
e.g. save all these values in a List<LinkBean> or something alike.
3. In the sightly while rendering, check for the identifier from the sling model created in Step 2 and you can add your css there.
Thanks
