How to create and manage the image gallery for mobile app

Learn how to create an image gallery for the vFairs app. Create gallery groups and upload images from the vFairs backend.

Adding the image gallery in the main navigation

1. Log in to the vFairs backend, open Mobile app menu from the left navigation and click App Builder.
   
2. In the Mobile App Editor click Main Navigation and + Add New Item.
   
3. From the list of menu items, select Image Gallery.
   
4. Add a menu label and click Publish Changes.
   
5. Sort the order of the new menu item by clicking and dragging it under the main navigation.
   
6. Verify that the Image Gallery has been added on the App.
   

Creating Gallery Groups

1. From the left navigation menu, under Mobile App, click Image Gallery.
   
2. Select the Gallery Groups tab.
   
3. Click + Add Gallery Group.
   
4. Add a gallery group name and image and select the language.
   
5. Click Save Gallery Group.
   

Adding images to the Image Gallery

1. From the main navigation, under Mobile App, click Image Gallery.
   
2. Under Image Gallery click + Add Gallery to upload an image.
   
3. Select a gallery group where the image should fall under, add the image and click Save Gallery.
   

The images added will show under the Image Gallery menu item on the mobile app.