CodeCanyon

Slim Image Cropper for Gravity Forms, Photo Uploading and Cropping Plugin

Slim Image Cropper for Gravity Forms, Photo Uploading and Cropping Plugin

Slim Image Cropper for Gravity Forms (version 1.9+ and 2+) allows your users to attach images to forms. You can set the required aspect ratio and output size of the uploaded images, Slim will make sure all uploaded images fit the set requirements. Ideal if you need your users to upload images of a specific size or ratio like profile pictures, documents or source images for print.

Example use cases:

  • Set square aspect ratio to have make uploading profile pictures easier.
  • Set common document aspect ratios to crop images to familiar document sizes.
  • Set warning for low quality image uploads.
  • Set smaller image output size and JPEG compression so images are uploaded faster.

Demo

Quick feature overview:

  • Auto corrects mobile image rotation
  • Auto crop and auto resize of images
  • User can adjust the crop and rotation
  • Compatible with Gravity View
  • Set JPEG compression amount
  • Includes Slim post field
  • Multiple Slim croppers per form
  • Force image output to JPEG or PNG
  • Low quality image warning.
  • Supports touch interaction on mobile devices
  • Responsive and beautifully animated

JavaScript version

Give it a test run:

Premium Quality

Slim is build using the latest HTML 5, CSS 3 and JavaScript techniques.

Professional Support

Just contact us through the form on the Support page, we’re always happy to help out with any questions or problems.

Reviews

“The design quality of this gravity forms image uploading tool is absolutely superb! It accentuates the professional quality of the well respected gravity forms plugin while providing excellent image uploading functionality which is also fully responsive.”

5 stars by itxp

A collection of Ratings of Slim for jQuery (rated 4.95 of 5 based on 150 plus ratings)

“Great, easy to use plugin for image upload and cropping. Sleek design that will fit the look and feel of any modern website.”

5 stars by BlackSnowDigital

“This plugin definitely scores 100000000% with it’s awesome support. The author replied all my questions in record time and even went as far as releasing an update to fix a bug the same day I complained about it. This is definitely one of the best plugins on Envato for image manipulation and a must have for every website.”

5 stars by Kendysond

“Excellent support & awesome plugin!”

5 stars by martneli

“Perfect … easy to integrate and fast code updates”

5 stars by mintao

FEATURES

  • Beautiful Animations | Today, it’s all about a nice and smooth user experience, this is where Slim delivers big time.

  • Responsive | In this day and age, of course this plugin is responsive.

  • Gravity View | Supports gravity view in the form of a specific gravity view shortcode.

  • Mobile Friendly | Slim has been optimized to also work with touch input on mobile devices.

  • Browser Cropping | Cropping is done on the client, less server load, faster file upload.

  • Crop | Specify the output ratio, be it square (1:1), portrait (3:4), movie mode (16:9) a custom ratio or the ratio of the input image, Slim has got you covered.

  • Rotate | Rotate the image to a 90, 180 or 270 degrees angle.

  • AutoCrop | Slim will automatically crop the image to best fit the specified output ratio.

  • AutoRotate | Mobile devices can embed rotation information in photographs, this often results in rotated or incorrectly read imagery. Slim automatically corrects this and presents the photo the way it was intended.

  • AutoSize | Specify the maximum size of the output image and Slim will scale down the image to fit perfectly. Tip: Use AutoSize with a square ratio to quickly crop avatars.

  • Very Fast | Slim’s code is optimized for performance. On top of optimal code paths, Slims animations assist in making the cropping experience feel smooth and fast.

  • Change Labels | All texts can be configured in the settings editor.

BROWSER SUPPORT

  • Chrome
  • Firefox
  • Edge
  • Internet Explorer 10+
  • Opera (Not Opera mini as it lacks the required Canvas features)
  • Safari 8+ on OSX & iOS 8.4+ (Safari on Windows is no longer supported by Apple)
  • Android 4.4.4+

On very old browsers ( older than Internet Explorer 8 ), Slim won’t load due to lack of JavaScript functionality. On Internet Explorer 8 and 9 it will show an incompatible message.

FILES

  • WordPress plugin zip
  • Installation instructions

THANKS

Slim makes use of SVG icons made by Egor Rumyantsev, these icons are licensed under Creative Commons 3.0 BY.

For animations Slim makes use of Snabbt.js, blurring is done using Stack Blur and images are transformed in to manageable canvas elements with LoadImage. All three libraries available for commercial use under the MIT license.

HISTORY

1.2.2 | 29-05-2017 | IN REVIEW

  • Add fallback for when mime_content_type is not available.
  • Add slim-initial-image class to image element so lazy loading plugins can be configured ignore it.
  • Fix bug in async upload logic.
  • Fix problem where editing post field data would throw incorrect file error.

1.2.1 | 18-05-2017

  • Fix problem where Slim would throw an error when submitting a form on Microsoft Edge.
  • Improved internal logic to access configuration values.

1.2.0 | 15-05-2017

  • Added instant edit mode settings. When set to true, the editor is opened immediately when a file is dropped.
  • Added image quality warning setting. When set to a resolution Slim will show a “image is low quality” warning if the dropped image is below defined resolution.

1.1.5 | 14-05-2017

  • Added compatibility with Gravity Forms 1.9

1.1.4 | 11-05-2017

  • Fixed problem where Slim Addon Class would throw error on certain PHP installs.

1.1.3 | 10-05-2017

  • Fixed problem where Slim post field would echo a url to the page on submit

1.1.2 | 09-05-2017

  • Fixed problems with image links when using [gravityview] shortcode

1.1.1 | 08-05-2017

  • Fixed problem displaying images in the entry detail view
  • Fixed problem with view page on older PHP versions

1.1.0 | 04-05-2017

  • Added string translations to PHP code
  • Added Gravity View shortcode for easier use of Slim in Custom Content fields
  • Added preview of Slim to form editor
  • Added custom CSS field to appearance tab
  • Added async upload mode, the default sync mode can cause trouble when uploading large images on iOS devices
  • Improved support for use in Gravity View
  • Improved setting field styles
  • Improved setting field input validation
  • Improved PHP code to conform to Gravity Forms add on guidelines
  • Improved PHP version compatibility
  • Moved slim to advanced fields group
  • Fixed lots of bugs

1.0.2 | 16-04-2017

  • Add Slim post field so images can be added to form posts
  • Add max drop area size field setting which you can use to limit the size of the drop area
  • add force type field to force output type to either .jpg or .png
  • Fixed problem where image would disappear after editing entry data
  • Fixed cancel and confirm button text missing
  • Fixed image being gone after form fields did not validate
  • Fixed image on entries detail page breaking out of container
  • Fixed problems with ajax forms

1.0.1 | 22-03-2017

  • Fixed various problems with Internet Explorer 11

1.0.0 | 15-03-2017

  • Initial release
by
by
by
by
by
by