Dropzone message not in center

Wappler General Bugs
#1

Wappler Version : 6.3.0 - Beta channel
Operating System : Windows 11
Server Model: NodeJS
Database Type: Mysql
Hosting Type: Local Docker

Expected behavior

The message should be centered

Actual behavior

It is quite a bit to the right.

How to reproduce

image

<div class="container">
<div class="row">
    <div class="col-4">
        <form id="form1">
            <div class="form-group mb-3">
                <input type="file" class="form-control" id="input1" name="input1" aria-describedby="input1_help" multiple="true" is="dmx-dropzone">
            </div>
        </form>
    </div>
</div>
#2

Probably some styling on your page is affecting it. Just tested the dropzone locally, the text is centered.

Screenshot 2024-02-28 at 14.31.17
Screenshot 2024-02-28 at 14.31.171140×414 59.2 KB

#3

I use a standard bootswatch theme (sandstone) without any modification.

image

looks like removing the margin from dmxDropzone.css:19 solves it, not sure if causing other issues though…

#4

You can just inspect the element in dev tools/inspector and see what is causing (affecting) it.
I see some more spacing on your screenshot, which is not present in my tests.

#5

Thanks Teodor!