Handle nodereferences with drop areas as widgets
This modules provides a simple node-reference like field, and a drag'n'drop widget to manipulate it.
Install the module, create a field, you're good to go.
This is the recommended version, for this to work, you need to download and
dragula Drupal module, which can be pulled using composer:
composer require makinacorpus/drupal-dragula drush -y en dragula
This is a drag and drop based widget, in order to work, you must have draggable elements in the page. If you are using this module as a dependency of the µCMS module then you have nothing to do, in all other cases, you must provide in the page a content selector whose markup respect those rules:
- container must carry the
- elements must carry the
- element must carry the
data-item-id=NIDattribute (where NID is te node identifier);
- element should carry the
data-bundle=BUNDLEattribute (where BUNDLE is the node type).
<div id="my-content-selector" data-layout-source="1"> <div data-item-type="node" data-item-id="1" data-bundle="page"> <h2>Page 1</h2> Any content, could be a view mode. </div> <div data-item-type="node" data-item-id="2" data-bundle="article"> <h2>Article 2</h2> Any content, could be a view mode. </div> <!-- Etc... --> </div>
This is not supported anymore, but you may still use the legacy jQuery based version. It needs to be documented.