Friday, 30 August 2013

Creating a CQ widget that supports image drag and drop

You can create an AEM component that manages text and an image. Furthermore, the component created in this article has a CQ Dialog that lets a user select an image during design time. The component is used by the CQ parsys system, supports a Dialog with multiple tabs, and enables the functionality offered by the Content Finder (for example, drag-and-drop).

A CQ Widget that allows an image to be dragged from the content finder


When the user selects an image, it is displayed within the widget.

The CQ widget displays an image


In this article, the image is editable by a content author and can be dragged-and-dropped from the Content Finder.

For this article, the image:
1. Is a Dialog Widget (xtype of smartimage).
2. Must be configured in the Component's cq:editConfig to allow for dragging- and-dropping of images from the Content Finder, as shown in this illustration.

The CQ widget supports drag and drop from the Content Finder
To read this development article, click:

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


Adobe Digital Marketing Community


Join the Adobe Digital Marketing Community. Start by clicking this banner

About the Author

I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with over 16 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked Inhttp://www.linkedin.com/in/scottmacdonald2010
TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeMktgCare.


2 comments:

  1. Scott, we are looking at adding like slideshow where you capture the text/description for each image in the same slide and capture that information. Also any way you can share this package with us.

    ReplyDelete
    Replies
    1. Sorry my email is vdrddy@yahoo.com

      Delete