title: How to make only the Dropzone.js Previews Div clickable and not the whole form
body: <p>I have to use dropzone.js form, which sends a couple of inputs and a file upload info to the other page.</p>
  <p>My dropzone code looks like this -- &gt;</p>
  <pre><code>Dropzone.options.mydropzone = {
    maxFiles: 1,
    maxFilesize: 10, //mb
    acceptedFiles: 'image/*',
    addRemoveLinks: true,
    autoProcessQueue: false,// used for stopping auto processing uploads
    autoDiscover: false,
    paramName: 'prod_pic',
    previewsContainer: '#dropzonePreview', //used for specifying the previews div
    clickable: false, //used this but now i cannot click on previews div to showup the file select dialog box
  
    accept: function(file, done) {
      console.log(&quot;uploaded&quot;);
      done();
     //used for enabling the submit button if file exist 
      $( &quot;#submitbtn&quot; ).prop( &quot;disabled&quot;, false );
    },
  
    init: function() {
      this.on(&quot;maxfilesexceeded&quot;, function(file){
          alert(&quot;No more files please!Only One image file accepted.&quot;);
          this.removeFile(file);
      });
        var myDropzone = this;
      $(&quot;#submitbtn&quot;).on('click',function(e) {
         e.preventDefault();
         myDropzone.processQueue();
  
      });
  
         this.on(&quot;reset&quot;, function (file) {   
                //used for disabling the submit button if no file exist 
                $( &quot;#submitbtn&quot; ).prop( &quot;disabled&quot;, true );
          });
  
    }
  
  };
  </code></pre>
  <p>But I want to make only the Previews container both Clickable and Drag and Drop ,which I have set by using <code>previewsContainer: '#dropzonePreview'</code>  , <strong>but not the whole form</strong>.</p>
  <p>If I use <code>clickable:false</code> I wont be able to click on previews div to show the file upload dialog box and also even if I drag n drop the file anywhere on the form it takes it. I dont want that to happen I just want the Previews container to be drag n drop <strong>AND</strong> Clickable but at the same time if I click on submit the whole form must get uploaded.</p>
  <p>I have read this dropzone tutorial <a href="https://github.com/enyo/dropzone/wiki/Combine-normal-form-with-Dropzone" rel="noreferrer">Combine normal form with Dropzone</a> but thats just the half of what i actually want to do.</p>
  <p>Is there any way we can achieve all of this using Dropzone efficiently ?.</p>