Dropzone: Reference

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
ID	text	Optional 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
Name	text	File 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
Multiple	boolean	Allows 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
Message	text	Attribute: message
Thumbs	boolean	Attribute: thumbs
Width	text	Attribute: thumb-width

Image Resize Options

Property	Type	Details
Max Width	text	Enter the max width of the image to resize Attribute: image-max-width
Max Height	text	Enter the max height of the image to resize Attribute: image-max-height
Quality	text	Enter the quality of the image to resize in percent Attribute: image-quality
Type	droplist	Enter 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 Properties	Value

Disable

Disable of the input

Configuration group	Controls
Disable Properties	Value

Validate

Validate the input

Focus

Focus the input

Remove

Remove the checkbox

Configuration group	Controls
Remove Properties	ID