How to relocate the dz-remove link Dropzone.js
I'm not 100% sure, if I understand you correctly, but does not previewTemplate
solve your problem?
See http://www.dropzonejs.com/#config-previewTemplate
You do something like this:HTML:
<div id="preview-template" class="dz-preview dz-file-preview"> <div class="dz-details"> <div class="dz-filename"><span data-dz-name></span></div> <div class="dz-size" data-dz-size></div> <img data-dz-thumbnail /> </div> <div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div> <div class="dz-success-mark"><span>✔</span></div> <div class="dz-error-mark"><span>✘</span></div> <div class="dz-error-message"><span data-dz-errormessage></span></div> <div><img src="removebutton.png" alt="Click me to remove the file." data-dz-remove /></div></div><div id="content"><div id="my-dropzone" class="dropzone"><div class="dz-message"><h3>Drop files here</h3> or <strong>click</strong> to upload</div></div></div>
JS:
<script>Dropzone.autoDiscover = false;var myDropzone = new Dropzone("#my-dropzone", {...,previewTemplate: document.getElementById('preview-template').innerHTML});</script>
Then you can modify with CSS
where to display the removal button.
Just remove option parameter addRemoveLinks: true,
... twice :-)