Managing images for the Image Choice field

Introduction

This guide covers how to manage images within the Image Choice field: uploading, updating, and deleting them, as well as customizing their appearance in the Gravity Forms block.

Working with Images in the Form Editor

Uploading an Image

The Image Choice field allows you to upload a new image or use an image already in the WordPress Media Library.

Note: When uploading a new image using the Image Choice field, it will be cropped and set to the optimal aspect ratio of 1:1. If you are using images that are already in the media library or if the image is not uploaded with the Image Choice field UI, you will need to use a WordPress plugin to resize existing images.

  1. Open the Edit Choices flyout.
  2. Add a new image by clicking the image placeholder near the choice Label.
Image showing the Edit Choices flyout.
  1. A pop up with the WordPress Media Library will be opened.
Image showing the WordPress Media Library popup.
  1. Select an image from the Media Library or upload a new one.
Image showing an image uploaded succesfully to the Image Choice field.

Updating an Image

  1. Open the Edit Choices flyout
  2. Hover on the image you want to update.
Image showing hover actions in the Image Choice field.
  1. The “Pencil” and “Trash” icons will be displayed.
  2. Click on the “Pencil” icon to update the image.
  3. A pop up with the WordPress Media Library will be opened.
Image showing the WordPress Media Library popup.
  1. Select an image from the Media Library or upload a new one.

Deleting an Image

  1. Open the Edit Choices flyout
  2. Hover on the image you want to delete.
Image showing hover actions in the Image Choice field.
  1. The “Pencil” and “Trash” icons will be displayed.
  2. Click on the “Trash” icon to delete the image.
  3. The image will be deleted from the Image Choice field.

Block Settings

Image Choice Styles

The Image Choice Styles allow you to change the Appearance, Style, and Size of the images in the Image Choice fields.

Image showing Image Choice Styles Block Settings

Appearance set to Card will show the image inside a card.

Image showing an Image Choice field with its Appearance set to Card.

Style set to Circle will show the image as a circle instead of a square.

Image showing an Image Choice field with its Style set to Circle.

With the Size setting, you can also choose whether to show Small, Medium, or large images.

Note: these settings will apply to all Image Choice fields on the form.