We have learned about dialogs and design dialogs. In this post, I want to familiarize you with another node, called editConfig.
Let us take a look at the image component.
- Drag and drop an image component to the page.
- Drag and drop an image to the component.
The action you performed is drag and drop.
To enable this action in the component, you use a different node.
Let us take a look at the Image component using CRXDE Lite.
- Navigate to /libs/wcm/foundation/components/image.
- See a node named cq:editConfig.
It has another node named cq:dropTargets which provides this functionality. There is a similar node, cq:inplaceEditing, which allows you to update a text in the component without opening the dialog. You should be aware of editConfig nodes to use it appropriately.
In short, node cq:editConfig provides functionalities, such as drag and drop, in place editing, and so on.