Image Gallery Feature Tutorial

Modified on Thu, 26 Oct, 2023 at 5:53 PM

Image Gallery Feature Tutorial

The Image Gallery is an awesome new feature that allows you to add galleries of images in your app!

What is the Image Gallery and what is its primary function?

The Image Gallery is a great feature that gives you a quick and easy way to display a gallery or collection of photos, artwork, documents, or other media items within your app. In this article, we’ll go over how to add images to the Image Gallery feature and provide some tips to help you make the most out of this amazing feature.

What are some use cases of the Image Gallery?

Some use cases of this feature include:

  • If your app is for a music festival or event, you can use the Image Gallery to display photos of the performing acts or previous day’s activities

  • Real Estate apps can use the Folders in the Image Gallery to display different listings. 

  • Church apps can use the Image Gallery to display song and hymn lyrics.

How do I set up and maintain the content in my Image Gallery? 

First, we’ll go over how to upload images and organize them in the Image Gallery, then we’ll go over some of the things that users can do with the images in your Gallery.

How Do I Add And Organize Images In The Image Gallery?

How To Add Images To The Image Gallery


If you would like to add an image or multiple images to your Image Gallery, click on the “Add Image” button:


This will open up the Media Library where you can select from the list of images that you’ve already uploaded, upload new images, or select stock images to add to your Image Gallery. 


Your added images will now be displayed in the Content Tab next to the "Add Images" button:



If you would like to learn more about how to use the Media Library, we encourage you to check out our dedicated article on it here.


How To Organize Images In Your Image Gallery


If you would like to organize the images in your Image Gallery, we give you the option to add Folders to the gallery. To do this click “Create Folder”:


Then give the Folder a name in the “Folder Name” field.  After that, click on Select Images" to add content to this specific folder:


Then select all the images that you’d like to add to that folder and click “Add”.


Once you create a folder for your images, a new option will appear at the bottom of the Image Gallery. This allows users to toggle between viewing all images at once or just those within a specific folder.



What Options Do Users Have When Viewing Images In The Image Gallery?

Users Can Switch Between An "All Images View" And A "Folders View" (If You Have Folders Set Up)


As we mentioned before, you can set up folders for the images in your Image Gallery which is a great way to organize your images. You can also have the same image in more than one folder if you’d like, such as an image that falls under multiple categories. To toggle between the All Images and Folder views, users just need to tap the option at the bottom of the Image Gallery feature:


Users Can Pinch-Zoom On Images And Share Them


When viewing an image users can pinch-zoom on images which allows them to view the images in more detail on their phones. If there’s an image that they really like, they can share that image to various platforms by tapping the Share icon above an image:


Congratulations! Now you know how to use the Image Gallery and how your users interact with it!


What are some Pro Tips you should know about to take your app to the next level?

Having worked with apps for years, we’ve learned a thing or two. So, to both help your app stand out and accomplish your primary goals, here are some tips you should consider.


Pro Tip 1: Use Folders To Organize And Categorize Your Images


Over time your Image Gallery will fill up with images which is a perfect reason to use Folders in the Image Gallery to organize and categorize your images. Have a fashion app where you showcase lots of collections? Folders are a perfect way to separate the collections within the Image Gallery!


Pro Tip 2: You Can Pinch-Zoom On Every Image


Thanks to the ability to pinch-zoom on every image, you can use the Image Gallery for more than just photos. Have documents that you’d like your clients to see? The Image Gallery might be the best option for you. All you need to do is save those documents as either JPG or PNG files and add them to the Image Gallery. Pinch-zooming will allow your users to see all of the document’s information.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article