CQ Multifield Image drag drop | Community
Skip to main content
K
krishna_chaita2
Level 3
October 16, 2015
Solved

CQ Multifield Image drag drop

  • October 16, 2015
  • 10 replies
  • 4511 views

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-ba8t-hi_in_the_above)

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

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by JustinEd3

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

10 replies

smacdonald2008
smacdonald2008
Level 10
October 16, 2015

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. 

J
Adobe Employee
JustinEd3Adobe EmployeeAccepted solution
Adobe Employee
October 16, 2015

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

A
Anonymous
October 16, 2015

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.html

smacdonald2008
smacdonald2008
Level 10
October 16, 2015

Here is another blog that may help too:

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

K
krishna_chaita2Author
Level 3
October 16, 2015

Hi Justin,

Thank you very much for clarifying my query regarding release notes

Thanks

k Chaitanya

K
krishna_chaita2Author
Level 3
October 16, 2015

Hi Scott,

Thank you very much for pointing to right blog.

Thanks

K Chaitanya

smacdonald2008
smacdonald2008
Level 10
October 16, 2015

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. 

A
Anonymous
October 16, 2015

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 !

K
krishna_chaita2Author
Level 3
October 16, 2015

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
smacdonald2008
Level 10
October 16, 2015

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

Terms & ConditionsAccessibility statement

Loading footer...