Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Add a custom link before search icon on AEM header - Request for help. Thanks

Avatar

Level 2

Request help to add a custom link before search icon on the AEM header as show in the below image.
On click of the custom link we just want to open some other http url.
We want to show this link to only one specific tenant. 
Any suggestion will be great of help. Thanking you.
linklink

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @nayeemnshaikh

 

In order to customize or extend the AEM OOB functionality, one needs to overlay in AEM.

In AEM 6.4 version, I have found that the black background header is generated from the location /libs/granite/ui/content/shell/header/actions and noticed that it's marked as granite:internalArea as mixin type.

 

Following Adobe documentation it says that "Internal (granite:InternalArea) - Defines a node as internal. Nodes classified as internal cannot be overlaid, inherited, or used directly. These nodes are meant only for internal functionality of AEM" [0]. This means that you should not modify areas that your product vendor has marked as InternalArea. This has been done to ease Upgrade for your client, this path should not be overlaid.

 

[0] https://helpx.adobe.com/experience-manager/6-4/sites/deploying/using/sustainable-upgrades.html

 

But if you want then you could simply remove the mixin via CRX/De interface, see Mixin button. Then you can overlay /libs/granite/ui/content/shell/header/actions and add your custom functionality but this is not recommended.

 

It is well explained here: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/customize-overlay-aem-6-4-...

 

Regards,

Arpit Varshney

 

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

Hi @nayeemnshaikh

 

In order to customize or extend the AEM OOB functionality, one needs to overlay in AEM.

In AEM 6.4 version, I have found that the black background header is generated from the location /libs/granite/ui/content/shell/header/actions and noticed that it's marked as granite:internalArea as mixin type.

 

Following Adobe documentation it says that "Internal (granite:InternalArea) - Defines a node as internal. Nodes classified as internal cannot be overlaid, inherited, or used directly. These nodes are meant only for internal functionality of AEM" [0]. This means that you should not modify areas that your product vendor has marked as InternalArea. This has been done to ease Upgrade for your client, this path should not be overlaid.

 

[0] https://helpx.adobe.com/experience-manager/6-4/sites/deploying/using/sustainable-upgrades.html

 

But if you want then you could simply remove the mixin via CRX/De interface, see Mixin button. Then you can overlay /libs/granite/ui/content/shell/header/actions and add your custom functionality but this is not recommended.

 

It is well explained here: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/customize-overlay-aem-6-4-...

 

Regards,

Arpit Varshney