Dropzone convert is missing

Wappler General Need Help
1

Hi need help with a file upload drop zone It only shows an area to select a file, but I need a drop zone area, where I can drop files….see below

dropzone-convert-missing
dropzone-convert-missing2356×1642 446 KB

I found an old tutorial the showed a “convert to dropzone“

dropzone
dropzone655×690 48.8 KB

but I cant find it in wappler 7.9.7. also the code says : 

                <input type="file" id="inp_lead_import_file" name="lead_import_file" class="form-control atlas-import-dropzone" is="dmx-dropzone" message="Træk Excel-filen hertil eller klik for at vælge fil" accept=".xlsx,.xls" data-rule-maxfiles="1" data-msg-maxfiles="Du kan kun vælge én Excel-fil." data-rule-maxsize="15728640" data-msg-maxsize="Excel-filen må højst fylde 15 MB." required="">

              </div>

So it should be a dropzone….shoul it not…??

Please tell me whats wrong ?

Best regards

2

It already is converted to a Dropzone, to undo it you can click the X right to Dropsone Properties.

Is it not rendering correctly in the browser? Do you get any errors on the page in the developer tools?

It could be some simple css issues, remove the classes from the input element to see if that helps.

3

this is the browser view, same as in design view . total newbie, so sorry for not be able to see the error

browser-view
browser-view1771×894 27 KB

4

no error in network xhr developer tools

5

Shows it something in the Console tab?

Inspect the element in devtools, go to the Elements tab and click image and then the file input in the browser. The Elements panel should show a div structure instead of the input like:

image

If it still shows the original input then the component is not rendered correctly. Do you see dmxDropzone.js being loaded in the Network tab.

6

I deleted the dmxdropzone and tried again…third time, it worked…Not quite sure why or what did it, but its working now, so thanks for the input, to help me out…

7

I have had a few issues recently with components .js not being added to head in node.js layouts. Maybe that's it?
Will bug report this when i can capture it.