How to add clientlib for a extended component ?

Question

I have created a Navigation component by extending the core navigation component. So now i want to add my custom clientlib to my Navigation component. how can i do that ?

AsifChowdhury · Accepted Answer

Hi @monish_gavali

It's as same as normal component. Sample screenshot is given below:

Here my accordion component is extending the core component. (clientlib can be in separate place not an issue)

You can call your custom clientlib using category in the html like this:

<sly data-sly-use.clientlibs="${'com.adobe.cq.wcm.core.components.models.ClientLibraries' @ categories=['core.wcm.components.accordion.v1','apps.commons.components.accordion.v1.accordion'], defer=true}">
    ${clientlibs.jsAndCssIncludes @ context="unsafe"}
</sly>

NB. If you add html or other files which are also exist in the core component then core component's files will override by yours. Dialog xml will add yours along with the core components properties.

DPrakashRaj · Answer

You must be extending the dialog as well so in that case you can use extraClientlibs=“your.custom.clientlibs”Learn more on https://sourcedcode.com/blog/aem/what-are-aem-extraclientlibs

Sign up

Login with SSO

Login to the community

Login with SSO