Gravity Wiz Gravity Wiz

Snippets
GP File Upload Pro

Snippet Library / GP File Upload Pro
js

Display Image Dimensions

Displays image width/height next to the file size or filename in the file list.
js

Count Files in Groups
php

Update Filename Markup

This snippet allows you to update the filename markup to include the file URL. This snippet also works with the...
js

gpfup-count-files.js
js

Prevent cropper from closing Beaver Builder modal that a form is embedded in

Experimental Snippet 🧪
js

Limit Aspect Ratio of MP4/MOV Files

Experimental Snippet 🧪
js

Enforce Exact Width or Height

By default, the exact exact width and height settings applying cropping for conformity. This snippet enforces exact dimensions and any...
js

Enforce Minimum Width or Height

By default, the minimum width and height will be enforced. With this snippet you set a minimum width and enforce...
js

Auto Submit After Uploads Finish
js

Customize the “select file” Button Text, “Drop files here” Text, and “or” Text for a Specific Field
css

gpfup-big-images.css
php

Deregister Vue as a Dependency

File Upload Pro utilizes Vue as the backing framework for its JavaScript on both the frontend and in the form...
php

Show Images in Entry Details

Instead of an unordered list with links to the files, display the images. Image previews will be hyperlinked to the...
js

Disable Submit During Upload

Use this snippet alongside our free Gravity Forms Custom JavaScript plugin to disable the submit button while files are being...
css

Icons for Each File Type

Add unique icons for each file type. Currently supports doc, docx, pdf, and zip. Let us know what other file...
js

Include Image Metadata/EXIF on all Uploaded images
js

Flip Aspect Ratio Based on Dimensions
js

Limit Duration of MP4/MOV Files
js

Set Minimum File Size

Specify a minimum size per file.
css

Minimum Dimensions without Cropper

Want to set a minimum with without allowing users to crop? This lil hack gets the job done by simply...
css

Read Only

Disable interactions on fields using File Upload Pro. This snippet hides the delete button, drop area, upload button, drag handle,...
css

Display Files in Reverse Order
js

Require Camera for Uploads

Want to ensure that the user is uploaded a fresh image taken directly from their camera? This snippet will force...
js

Scale Uploaded Images

Scale uploaded images instead of cropping, based on dimensions set in the cropping settings.
js

Set JPEG Quality for all Uploaded Images
php

Set JPEG Quality for all Uploaded Images (All Forms)
js

Set Total Maximum File Size

Specify a total max file size (the maximum size accepted collectively for all files in a given field). If a...
css

Single File Theme