Back to Tips & Tricks

Redesigned JetFormBuilder Media Upload Field with Progress Bar & Compression

Published on 27 August 2025

When building forms in WordPress with JetForm Builder, the file upload field often feels like it could use a little extra polish. The default design works, but it doesn’t always match your branding, and features like progress tracking or image compression aren’t built in.

That’s why we’ve rolled out a completely redesigned media upload field that puts you in control — visually, functionally, and technically — all from your WordPress dashboard.

Here’s a deep dive into what’s new.

🎨 A Brand-New Design, Fully Customizable

The old “Choose File” button is gone. In its place, you’ll find a modern, responsive upload field that feels like part of your site’s design.

  • Change button colors, text, alignment, and borders.

  • Control padding, margins, radius, and even hover effects.

  • Adjust error styles (background, text color, font size).

Over 90% of the design can now be customized in the backend — no need to dig into CSS unless you want to.

📊 Real Network Progress Bar

Nobody likes uploading files in the dark. With this update, users now see a true network progress bar for every file they upload.

  • Uploads show percentage progress in real time.

  • Each file displays its own preview (image thumbnail or document icon).

  • Users can remove files before submission if needed.

This makes the form feel faster, smoother, and more trustworthy.

🗜 Built-In Image Compression

Large images can cause long uploads and failed submissions. To solve this, we’ve added a toggleable image compression option:

  • Compress images automatically before upload.

  • Resize oversized images based on max width/height settings.

  • Reduce file size while maintaining good quality.

👉 Note: Image compression currently works only on desktop browsers, not mobile.

You can easily switch this feature on or off from the backend.

Redesigned JetFormBuilder Media Upload Field with Progress Bar & Compression - BoostMyCroco