CQ Multifield Image drag drop

[krishna_chaita2]

Hi ,
In the release notes of  CQ 5.5 (http://dev.day.com/docs/en/cq/5-5/release_notes/platform_widgets.html?cq_ck=1385892461250#comments-b...)

it is mentioned that  Multifield widget is improved to support drag and drop (37469 - Improved Multifield with drag and drop and UI optimization) . But I did not found the way to use the multified for *image* drag drop in any of documentation .  Could you please let me know how we can use multified for image drag and drop (we need *example / Documentation* for this). Any help on this issues really appreciated.

Thanks
K Chaitanya

[smacdonald2008]

Here is a new article that will walk you through how to build an AEM multi-field component that supports drag and drop from the AEM Content Finder:

http://helpx.adobe.com/experience-manager/using/creating-aem-multifield-components.html

This one also covers creating custom xtypes. 

[justin_at_adobe · Accepted solution]

Hi Krishna,

What this item in the release notes refers to is the ability to use drag and drop to reorder items within a multifield instead of the up/down buttons. You can see an example of this in the Profile store in the Client Context: http://screencast.com/t/tnxiIsYcc. To do this, set a property called dragDropMode to true on the fieldConfig node under your multifield. I agree that this could be better documented; it sounds like Scott has already filed a documentation bug about it.

If you are looking for the ability to drag-and-drop from the Content Finder to a multifield, there's a drag-and-drop pathfield in ACS AEM Commons. See documentation here: http://adobe-consulting-services.github.io/acs-aem-commons/features/widgets.html This isn't a replacement for the full html5smartimage widget (which I think is what you are asking), but IMHO, using that widget in a multfield wouldn't be a good user experience.

Regards,

Justin

[Former Community Member]

Thanks Sam ! I got the solution from recently posted blog.

http://experience-aem.blogspot.com/2014/01/aem-cq-56-adding-richtexteditor-in-multifield-drag-drop.h...

[smacdonald2008]

Here is another blog that may help too:

http://experience-aem.blogspot.ca/2013/12/aem-cq-56-multi-image-component.html

[krishna_chaita2]

Hi Justin,

Thank you very much for clarifying my query regarding release notes

Thanks

k Chaitanya

[krishna_chaita2]

Hi Scott,

Thank you very much for pointing to right blog.

Thanks

K Chaitanya

[smacdonald2008]

The team is aware of the lack of Xtype documentation examples. There will be a push to improve this situation ASAP.

In the mean time -- i strongly recommend that you download and install the xtype samples package and follow all the samples as discussed here:

"GETTING STARTED WITH THE SAMPLES" @ http://dev.day.com/docs/en/cq/current/developing/widgets.html

This will give you an idea of working with custom components and Multi-field. 

As far as Drag and Drop images  - there is a community article that you can work through:

http://scottsdigitalcommunity.blogspot.ca/2013/08/creating-cq-widget-that-supports-image.html

This will inform you how to create a widget that supports Drag and Drop from  the content finder to a component. 

[Former Community Member]

smacdonald2008 wrote...

I will follow up with the Eng team on Mon to see if anyone has created a sample or blog that can help you with the use case. Ideally - i would like to see a blog like this using multi-field:

http://blogs.adobe.com/contentmanagement/2013/08/22/customized-multifield-richtext-editor/

but with Drag and Drop. 

Thanks,

Scott

Hi Scott,

We have a same requirement of having multifield rich text editor with drag and drop feature. Can you please let me know if you got any response from Eng team.

Thanks !

[krishna_chaita2]

Hi Scott,

Thank you . But we have already read  above suggested documentation . Right now we are able to create multified with simple xtypes(like text,pathfield..etc). But our requirement is "multified with Image drag drop".  So Author can add (Drag & Drop) as many as images he would like to add from content finder . Just like for example out of box "Slideshow" component  will provide darg drop facility for multiple images.  Since it is particular mentioned in the release notes of CQ 5.5(37469 - Improved Multifield with drag and drop and UI optimization)  Adobe may provide help document on request basis. Could  you please let me know how to get the help document related to this  ?. Also note that We do not want to use path fields to add images for our requirement.

Thanks

K Caitanya

[smacdonald2008]

I will follow up with the Eng team on Mon to see if anyone has created a sample or blog that can help you with the use case. Ideally - i would like to see a blog like this using multi-field:

http://blogs.adobe.com/contentmanagement/2013/08/22/customized-multifield-richtext-editor/

but with Drag and Drop. 

Thanks,

Scott