How to relocate the dz-remove link Dropzone.js How to relocate the dz-remove link Dropzone.js codeigniter codeigniter

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 :-)