Smart Uploads in Gravity Forms
1.Purpose #
Smart Upload for Gravity Forms is an easy to handle Gravity Forms extension that allows you to select multiple options while uploading images.
These options include:
- Avatar- with this template only single file selection can be possible.
- Box After- multiple images can be selected with boxes appearing vertically.
- Thumbnails-multiple images can be selected in thumbnail format.
- Gallery-this will be the existing template.
Add options in smart upload fields to select different templates.
2.Features #
- Box-After template
- Thumbnail template
- Avatar template
- Gallery template
- Upload multiple media files
- Attachment preview
- Drag and drop
- Adjust, Effects, Filters, Orientation, Crop, Resize, Shapes, and Text
- Edit, undo, redo, and full reset
- Full-screen preview
3.Installation Guide #
- Log in to your WordPress Admin account.
- Navigate to the WordPress Admin Dashboard > Plugins
- Click on the Add New button that appears in the top left corner.
- Click the Choose File button and upload the plugin file.
- Once the plugin is installed successfully then hit the Activate button.
4.Getting Started #
- Head over to the Forms
- Click on the Add New button
- When clicks on the Add New button it prompts the form wizard
- Enter the Title
- Enter the Description (it’s optional) you may leave this empty
- Hit the Create Form button
- The form that you have created earlier will display under the Forms menu
- Click on the Edit link to enter the form fields area
- On the side area of the form page, there are the following fields option available:
- Standard Fields
- Advanced Fields
- Post Fields
- Pricing Fields
- Open Advanced Fields toggle menu
- Advanced Fields panel have Smart Gallery option
- Drag and drop the Smart Gallery field in the form section
5.Gallery #
- Gallery template is selected by default when you enable the smart gallery field into the form section.
- Admin can Enable/Disable the image editor functionality to transform the image before uploading.
- Set the rest of the properties for the field as per your requirements.
- Allowed file extensions
- Maximum number of files
- Maximum file size
- Save form
- Head over the administrator Dashboard
- Create a new Post/Page
- Add Shortcode block
- Paste the gravity-form shortcode along with form id:
- [gravity-form id=”1″]
- Then Publish the page to see the form impact on the frontend.
Front-End Impact:
- The file/media uploader would appear like this when the Gallery template is selected.
- Drag and drop the files or browse the files and upload them directly into the uploader.
Sort by Sequence:
- Sort the sequence of images.
Remove:
- Click on the cancel icon to remove files.
- As you click on the cancel icon it prompts an alert with the text (Are you sure you want to remove this file).
- Click Ok to confirm or Cancel to deny.
Edit:
- Click on the Edit icon it will pop up the image editor in a modal window.
- Edit/Customize the uploaded images with the (Smart Gallery) image editor.
- The (Smart Gallery) image editor come up with the following tools and will explore each of them individually:
- Adjust
- Effects
- Filters
- Orientation
- Crop
- Resize
- Shapes
- Text
Adjust:
- With an Adjust property, you can change the brightness, contrast, exposure, and saturation of the image.
Effects:
- Effects property enables you to add extra special effects to the image.
Filters:
- Transform the image to apply the filters.
Orientation:
- Change the orientation of the image by using these actions (vertical, horizontal, rotate left, and rotate right).
Crop:
- Crop unnecessary parts of the image.
Resize:
- Define custom width and height to resize the image.
Shapes:
- Add shapes (Rectangle, Square, and Circle) to the image.
Text:
- Set the overlay text on the image surface.
6.Box After #
- When the Box After is selected as a template.
Front-End Impact
- The file uploader option would appear like this when Box After is selected.
- Drag and Drop any image.
- Click on the Submit button.
- A message would appear when the upload is successful.
7.Avatar #
- When the Avatar is selected as a template.
Front-End Impact
- The file uploader option would appear like this when Avatar is selected.
- Click on the file uploader option or Drag and Drop any image.
- When the file has been selected, set the image accordingly to your requirement.
- Once done, click on the Confirm button
- You can also click on the Upload button to replace the new image with the existing one or click on the Edit button to edit the existing image or click on the Remove button to deselect the image.
- Click on the Submit button.
- A message would appear when the upload is successful.
8.Thumbnails #
- When the Thumbnails is selected as a template.
Front-End Impact
- The file uploader option would appear like this when Thumbnails is selected.
- Drag and Drop any image.
- Click on the Submit button.
- A message would appear when the upload is successful.
- Go to Admin Dashboard → Entries.
- All the files uploaded are present here.
Help Guide Powered by Documentor