How to modify a CRXDE file from the IDE code?

Question

Hello, what happens is that I want to change the logic of a file called fileupload.js that this file is used in the AEM DAM when the user uploads an asset to the platform.

The problem is that I don't know how to modify or add that code in the repository where I have my project, I have investigated and they tell me that the path in CRXDE is in:

/libs/dam/gui/coral/components/commons/fileupload/clientlibs/fileupload/js/fileupload.js

And it is there, but in my code in the IDE doesn't come, where should I add the fileupload.js code in my repository to be able to modify that method without using CRXDE?

I try to create a libs folder in the root with the same path but doesn't work.

Here is the file in CRXDE but I want to modify in my repository code that don't have it:

Here are my folders of the repository code:

lukasz-m · Accepted Answer

Hi @aaron_dempwolff,You should use overlay mechanism, you can check the official Adobe documentation:https://experienceleague.adobe.com/docs/experience-manager-65/developing/platform/overlays.html?lang=enEssentially for this path from AEM /libs/dam/gui/coral/components/commons/fileupload/clientlibs/fileupload/js/fileupload.jsyou will need below path in your ui.apps module/apps/dam/gui/coral/components/commons/fileupload/clientlibs/fileupload/js/fileupload.jsand don't forget to update you filter.xml file for ui.apps module, it has to include /apps/dam/gui/coral/components/commons/fileupload/clientlibs/fileupload/js path as well, like on the screen.

Sudheer_Sundalam · Answer

@aaron_dempwolff ,You need to overlay fileupload.js from /libs to /apps in your project. Please see the below blog for more explanation of overlaying in AEM.https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/concept-of-override-and-overlay-in-aem-aem-community-blog/m-p/453403

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded