Skip to content

Dropzone — Reference

Reference · Advanced · App Connect

Dropzone settings and behavior. Settings include ID, Name, Multiple, Message.

Dropzone settings and events. Select the component in App Structure to find these controls in Properties.

Name Description
IDOptional unique identifier for this element. Sets the element's id attribute. Keep IDs unique per page (useful for anchors, label for targets, and JavaScript hooks). Bootstrap docs: Introduction Required. Default: "". Attribute: id.
NameFile input name attribute. Sets the file input name . This is required for classic multipart form submissions and many upload handlers. Bootstrap docs: File input Required. Default: "". Attribute: name.
MultipleAllows multiple selection. Enables selecting multiple options in a <select> . When enabled, users can select multiple items (usually using Ctrl/Cmd/Shift depending on platform). Bootstrap docs: Select Default: false. Attribute: multiple.
MessageDefault: "Drop files here or click to upload.". Attribute: message.
ThumbsDefault: true. Attribute: thumbs.
WidthDefault: "100". Attribute: thumb-width.
HeightDefault: "100". Attribute: thumb-height.
Name Description
Max WidthEnter the max width of the image to resize Default: "". Attribute: image-max-width.
Max HeightEnter the max height of the image to resize Default: "". Attribute: image-max-height.
QualityEnter the quality of the image to resize in percent Default: "". Attribute: image-quality.
TypeEnter the type of the image to be converted to Options: auto, jpeg, png, webp Default: "". Attribute: image-type.
Name Description
ValueEnter the value
Name Description
ValueEnter the value Default: "".
Name Description
IDEnter the ID of file to remove Required. Default: "".