Clientlib issue

Question

I have an existing component that has clientlib with category "abc" (suppose). I added a validation for a dialog field and created this clientlib outside the folder of my component and the named the category as "xyz".

I have added xyz in the category as well as the dependency of my component clientlib (abc), but still my js files doesn't load. Whereas, in the dialog of my component if I used 'granite include-clientlib' node and add category xyz in that node, then my js loads.

/apps-->clientlib(xyz)

/apps-->mycomp-->clientlib(abc)

Anudeep_Garnepudi · Accepted Answer

@shaheena_sheikh

If clientlib xyz contains Dialog related js/css then use includeclientlibs.

You won't be able to see this clientlib being loaded on editor page unless until you open the dialog at least once.
Very specific to editor mode

If clientlib xyz contain rendering related js/css then include it in template or component.

You will not see this clientlib loading on editor page directly, because the page will be loaded in iframe.
clientlib xyz will not interact with editor page, as it loads in iframe

VeenaVikraman · Answer

@shaheena_sheikh What I understood from your requirement is that , you have to load some JS specifically for authoring dialog alone. If that is the case I think the best way to do so is to use the extraClientLibs property in the dialog node

Check this https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/could-you-please-explain-what-is-extraclientlibs/qaq-p/197623

Thanks

Veena ✌

Sign up

Login with SSO

Login to the community

Login with SSO