Skip to content

Dropzone: Reference

Reference for Dropzone in Web Framework References. Key properties: ID, Name, Multiple, Message.

Easily upload files with drag and drop. Imagine being able to simply drag files from your desktop and drop them in your browser. App Connect Dropzone will help you do this easily!

Inspector Property Groups

Dropzone Properties

Property Type Details
IDtextOptional 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 in common setups.
Attribute: id
NametextFile 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 in common setups.
Attribute: name
MultiplebooleanAllows 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
Attribute: multiple
MessagetextAttribute: message
ThumbsbooleanAttribute: thumbs
WidthtextAttribute: thumb-width

Image Resize Options

Property Type Details
Max WidthtextEnter the max width of the image to resize
Attribute: image-max-width
Max HeighttextEnter the max height of the image to resize
Attribute: image-max-height
QualitytextEnter the quality of the image to resize in percent
Attribute: image-quality
TypedroplistEnter the type of the image to be converted to
Attribute: image-type
Options: auto, jpeg, png, webp

Actions

Set Value

Set Value of the input

Configuration group Controls
Set Value PropertiesValue

Disable

Disable of the input

Configuration group Controls
Disable PropertiesValue

Validate

Validate the input

Focus

Focus the input

Remove

Remove the checkbox

Configuration group Controls
Remove PropertiesID