Glance and cq: dropTargets

I am developing a new site using the latest AEM6 (formerly CQ). Initially, you were able to drag and drop images / videos into the component selection area which was set up in the dropTarget component using JSP.

But since Sightly templating is now the preferred way to build components rather than JSPs, is it still possible to have a dropTarget in Sighlty templates?

+3


source to share


1 answer


The Drop task is configured using a nodecq:dropTargets

node pod cq:editConfig

and is independent of the markup language used.

The only markup that needs to be done is the tag <div>

with the class cq-dd-CONFIGNAME

that will be used as the dropout zone. You can easily create such markup visually (the example below will show it only in edit mode):



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

      

+5


source







All Articles