Drop targets


Drop target is configured using node cq:dropTargets node under the cq:editConfig and it doesn’t depend on the used markup language.

The only thing that markup has to produce is a <div> tag with class cq-dd-CONFIGNAME which will be used as a drop zone. Sightly can easily generate such markup (below example will show it only in the edit mode):

<div data-sly-test="${wcmmode.edit}" class="cq-dd-images">Drop image here</div>