Site specific to region should be highlighted in navigation when user is in region specific site | Community
Skip to main content
H
HariDo
Level 3
June 14, 2022
Solved

Site specific to region should be highlighted in navigation when user is in region specific site

  • June 14, 2022
  • 3 replies
  • 747 views

Site specific to region should be highlighted in navigation when user is in region specific site  

 

I have a Use case where the region specific site must me highlighted in NAVIGATION bar when i am in the specific region site anyone help me how can i achieve it.

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by SantoshSai

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/navigation.html?lang=en

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

 

 

3 replies

SantoshSai
Community Advisor
SantoshSaiCommunity AdvisorAccepted solution
Community Advisor
June 14, 2022

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/navigation.html?lang=en

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
    Himanshu_Jain
    Community Advisor
    Himanshu_JainCommunity Advisor
    Community Advisor
    June 14, 2022

    Refer core component for navigation .

     

    https://experienceleague.adobe.com/docs/experience-manager-core-components/using/components/navigation.html?lang=en#example-localization

     

    Himanshu Jain
      ShaileshBassi
      Community Advisor
      ShaileshBassiCommunity Advisor
      Community Advisor
      June 14, 2022

      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

        Terms & ConditionsAccessibility statement

        Loading footer...