dragging image from content finder to parsys

[aem_dev1]

Hi,

I am using AEM 6.0 and created a template with parsys. I was able to drop an image from content finder to parsys directly without any component in it. When i double clicked on the image dropped, it opened the Out of the box image component dialog (libs/foundation/component/image). How can i open my custom image component(apps/custom/components/image) dialog when an image is dragged from content finder to parsys and double clicked on it.

[smacdonald2008]

Build a component that supports image drag and drop. 

https://helpx.adobe.com/experience-manager/kb/creating-cq-widget-supports-image.html

This will walk you though how to build a CQ component that the
parsys system uses. The component supports a dialog box with multiple tabs, supports an image, and hooks into the functionality offered by the Content Finder.

[aem_dev1]

    Hi , thank you for reply. I get what you are saying. I can a build a component and image can be dragged from content finder to component. But without dropping the component into parsys, i want to drop an image from content finder to parsys. (i was able to do this). When i double clicked on the image dropped OOTB image component dialog opened. I am just curious where is that mapping defined. When i double click an image fin parsys it should open my custom image component dialog.

[Sham_HC · Accepted solution]

itemsDDNewParagraph decides which component to be created while dragging from content finder. It will be part of content finder extension.

for example watch out itemsDDNewParagraph object when dragging from the image content finder tab we would create images (/libs/wcm/extensions/contentfinder/images.js) and from a document tab we could generate a download paragraph (/libs/wcm/extensions/contentfinder/documents.js).

To create your custom content finder extension make use of [1]. 

You have two option overlay /libs/wcm/extensions/contentfinder/images.js Or create your custom extension[1].

[1]   http://adobe-consulting-services.github.io/acs-aem-commons/features/contentfinder-querybuilder.html

[aem_dev1]

Thanks Sham..It helped me a lot. I believe creating images.js is a good option. It should be under apps/wcm/extensions/contentfinder/images.js.