How to use Dropzone Ultimate (Pro)
1. Basic Setup & Branding:
   - Place the element on your page.
   - Set Max Files (e.g., 5) and Max File Size.
   - Customize colors to match your app.
   - (Optional) Upload a Custom Icon image if you don't want the default cloud.

2. Image Optimization (Cost Saver):
   - Set Resize Images to 'Yes' and Width to `1024` (or `1920`).
   - The plugin will automatically compress JPG/PNGs before uploading.
   - Note: PDFs, Docs, and HEIC files are smart-detected and uploaded in their original quality.*

3. Saving to Database (Create/Edit):
   - Create a Workflow: **Elements > Dropzone Pro Upload Complete**.
   - Action: Data > Make changes to thing.
   - Field: `My Images List` set list `Dropzone Pro A's Uploaded URLs`.
   - Note: The 'Uploaded URLs' state always contains the full, updated list of files.

4. Deleting Files (Sync with DB):
   - When a user clicks "X", the file is removed visually. To remove it from your database:
   - Workflow: Elements > Dropzone Pro File Removed.
   - Action: Make changes to thing (e.g., Current User).
   - Field: `My Images List` remove `Dropzone Pro A's Removed File URL`.

5. Building a Preview Gallery:
   - Workflow: Elements > Dropzone Pro File Clicked.
   - Use the states `Clicked File URL` and `Clicked File Is Image` to display the selected file in a Group or Pop-up next to the uploader.

6. Handling Initial Files:
   - On an "Edit" page, simply pass the database list into the Initial Files property.
   - The plugin handles duplicates automatically.


⚙️ HOW TO USE V2.0 FEATURES:

1. 📋 Using "Paste to Upload":

No Setup Required: It works out of the box!

How to test: Take a screenshot (Windows: Win+Shift+S / Mac: Cmd+Ctrl+Shift+4), click anywhere on your Bubble page, and press Ctrl+V. The image will appear in the Dropzone.

Note: The Dropzone element must be visible on the page for this to work.

2. 🏎️ Converting to WebP:

Set the field Convert to WebP to Yes.

All uploaded images (PNG, JPEG) will be converted to .webp format on the fly. This drastically reduces file size while maintaining high quality.

3. 🛡️ Enforcing Minimum Size:

Use the fields Min Width (px) and Min Height (px) to set your rules.

If a user tries to upload a 200x200 icon into a 1000x1000 cover photo slot, the plugin will reject it and trigger the Upload Error event.