Creating an image gallery (displaying images in a grid)
If, after following the tutorial below, you can't get the images to open on a lightbox, then please read here how to fix that: Fix lightbox links not being added to images.
If you have many images you wish to use as a gallery, you need to add a File Upload field to your Gravity Forms form (if it doesn't already have one), then enable functionality using the steps below. Note: the gallery currently only works with images, not audio or video uploads.
Prefer to Watch the Video?
Add a File Upload Field
(If your form already has a File Upload field, you can skip this step.)
In the Gravity Forms editor, click File Upload to add a File Upload field to your form.

Enable Multi-File Upload
Check the setting named "Enable Multi-File Upload" to allow uploading more than one image at a time. This will allow the images to be grouped into a gallery instead of shown one at a time.

Edit the View you would like to add a gallery to

Click the gear icon on the Multiple File Uploads field
Choose the field you want to turn into a gallery.

Set the Custom CSS Class to "gv-gallery"
Make sure to use gv-gallery without the quotes, like so:

Check "Enable lightbox" in the View Settings box
If you don't enable the lightbox, the images will still look better, but the slideshow functionality will not work. See the bottom of this how-to for an example.

Save or update the View

Edit (or create) an entry for the form and upload images to the field
You can add as many images as you like. Once uploaded, they will be displayed as a gallery.

Before
Before: each image is displayed full-size and as a bullet list.

After
After: the image sizes are reduced and the images are displayed as a grid.

And clicking any gallery image will zoom in
You can then navigate between the images using the left and right arrows.
