Jobs Gallery

The new Job Gallery feature on the Job Details page brings all your job-related media into one seamless, unified view.

 The Gallery feature in Zuper’s Job Details page brings all your job-related photos and videos into one unified view—no more digging through Checklists, Notes, or Attachments! Accessible via Zuper, this tab offers a seamless way to manage media.

Pre-Requisites:

Navigation_: Settings -> General Settings -> Organization Settings -> Job Settings -> Enable Job Gallery -> Set as “Yes”

Before you can dive in, make sure the feature is activated:

1. Select the “Settings” module from the left navigation menu. Under the “General Settings,” choose the “Organization Settings.”

2. Under the “Job Settings,” Enable Job Gallery” option as “Yes.”

Master Tags

Use Master Tags to standardize how your team categorizes photos in Gallery (for example: Roofing, Rafter, Flashing). This article shows you how to create, edit, delete, and filter Gallery tags.

Role/permission: Admin or users with access to Settings > Master Tags

Environment: Zuper Web app

 

Navigation: Settings —> Miscellaneous —> Master Tags —> Create a new Gallery tag

Jobs —> Job —> Gallery 

1. From the settings, select “Miscellaneous.” Under the “Master Tags” section, choose “+ New Tag.”

2. Enter the following details.

Tag Name: Enter a unique name for the tag. This field is mandatory.

Choose Module: Select a module from the dropdown menu. In our case, it is “Gallery.”

These fields are also mandatory. This determines where the tag will be mapped to the modules.

Description - Enter the master tag description.

3. The tag is created successfully.

Filter to Gallery

In the filter dropdown at the top, choose Gallery.

This limits the list to Gallery tags and preselects Gallery in the create dialog.

Tip: Click Clear to remove the filter at any time.

Explore Job Gallery - Web

1. Select the “Jobs” module from the left navigation menu and click any jobs to view the details page.

2. Under “Navigation,” Click the Gallery tab to view all media in a grid layout.

3. You can use various criteria or filters to view the images.

4. You can select or multi-select the images present in the gallery. Click the “Download” button to download pictures in bulk.

   

5. Click an image or video to view it on full screen, including additional details about the item. Enter the “Description” and click “Save.”

6. The description is saved successfully.

Gallery Tags

The Zuper Job Gallery is a powerful feature designed to streamline job management by allowing users to upload, view, and annotate images related to Jobs.

Navigation: Jobs ->Job -> Gallery

1.  Select the “Jobs” module from the left navigation menu and click any jobs to view the details page.

2. Under “Navigation,” Click the Gallery tab to view all media in a grid layout.

3. Before you tag, use the date range menu or filter to narrow down.

4. The image tag options are present under:

   Notes

   Gallery

   Click any images present and add the tag by following these steps.

5. In the right panel, under Tags, click Add Tags.

6. An “Update Tags” dialog box opens. Select a suggestion to add it as a tag. After adding tags, click “Update” to save the tags.

8. The image tags are added successfully.

Master Tags help you keep Gallery photos organized and easy to find. Manage tags in Settings > Miscellaneous > Master Tags and apply them in Jobs > Job > Gallery; deleting a tag only removes it from photos, not the photos themselves.

Explore Job Gallery - Mobile

The Zuper Job Mobile Gallery is a feature within the Zuper mobile app that allows users to manage and view images related to specific jobs.

2. Select any one of the jobs from the job details page. 

3. Select the job “Gallery” tab. 

4. The gallery will display the list of images taken. Select any one of the images. 

5. The selected image is displayed along with the description. 

Pick from Zuper Gallery

The pick from Zuper Gallery feature allows you to reuse the existing photo in your Gallery.

Currently, when users add images to checklist items, they are limited to capturing a photo /video using the device camera or uploading from phone storage. However, with the “Pick from Zuper Gallery” feature, users can leverage the Zuper gallery, enabling the reuse of existing media efficiently.

Direct upload into Zuper Gallery

• Zuper’s new camera component for photo capture simplifies capturing photos, videos, and files directly from the job site.
• The Direct Gallery Upload feature in Zuper’s Mobile Gallery allows field technicians to upload images directly to the gallery without associating them with a specific job or module.

Navigation: Direct Gallery Upload: Gallery (Mobile) → + Capture/Upload → Add Tags → Save

Navigation:

Notes: Jobs → [Select Job] → Notes → + Add Note → Attach Photo → Add Tags → Save

Major highlights

• Images uploaded offline (from checklist, inspection form, notes, direct upload) will be visible in the gallery with an icon at the top left corner.
• Currently, we support tags only for images.
• We support image capture or selecting images from the device gallery from the image preview screen.

Image tags

• You can add tags (location, project, task, or custom) to photos in the Zuper Field Service App before or after you take them.
• Filter the gallery by tags to find images quickly. Admins control which tags are available, and techs apply them in the field.
• The Tag Management functionality depends on the user’s role (Admin or Field Executive). See the table below for role-based permissions:

Role	Associate Existing Tag	Create Tag	Edit Tag	Delete Tag
Admin	✅	✅	✅	✅
Team Lead	✅	✅	✅	✅
Field Executive	✅	❌	❌	❌

The Picture Tags feature is seamlessly present across multiple instances in the Zuper app, ensuring a consistent tagging experience and centralized media management:

Steps to Capture and Tag Images

1.  Open the Zuper Field Service App on your iOS or Android device and navigate to a specific job or work order.

2. Locate the Camera Icon in the interface within the desired sections. (Notes or Direct Gallery Upload).

   Tap the Camera Icon to launch the Zuper Camera Component capture screen.

2. Add Tags:
   • Use the Zuper Camera Component to take the photo. Adjust camera settings (e.g., flash, zoom) for optimal image quality.
   • On the capture screen, locate the Tag Icon in the bottom-left corner (visible before capturing a photo).
   • The unified carousel is available in the gallery and notes preview.

This feature reduces manual tagging efforts, ensures images are contextually relevant, and enables faster retrieval of job-related media, ultimately improving workflow efficiency and customer satisfaction. For example, a technician can tag a photo as “Before Repair - Attic” and filter for it later during a follow-up visit, saving time and ensuring accurate documentation.

3. You can select multiple tags for your images from the dialog box.

Camera Component – Tagging Behavior

1. Notes & Direct Upload

• Users can add a tag when opening the camera before capturing an image.
• The tag button is visible and functional.

2. Checklist / Inspection Forms / Attachments

• When opening the camera, the tag button will not be available.
• Users can still capture and upload images, but cannot tag them during capture time.
• After uploading an image via checklist, attachment, or inspection form, they can access the same image through the Zuper gallery and add a tag.

Tag-Based Filtering

1. In the Zuper Mobile Gallery, tap the Filter button (located at the top).
2. You can select one or more tags from the list, such as “Location: Warehouse” or “Task: Maintenance.”
3. The Gallery dynamically updates to display only images matching the selected tags, streamlining the search process.
4. Filters can be done based on Media, Gallery Tags, and Date.

Filter by Media:

1. You can filter the gallery based on image or video. Use “Tags” to filter based on the tags presented and “Date” to filter based on your chosen date range.

Practical Example: A technician needs to review all photos from a specific job site:

1. Open the Gallery and tap the Filter button.
2. Selects the tag “Location: Site B.”
3. The Gallery displays only images tagged with “Site B,” such as photos of equipment installations or repairs, making finding relevant media for reporting or follow-up easy.

This tag-based filtering enhances searchability and organization, allowing technicians to quickly locate images related to specific projects, tasks, or locations.

FAQs / Best Practices

Q:  Why don’t I see the Gallery tab?

A: Ensure you enable it under Settings > Organization Settings > Job Settings > Enable Job Gallery.

Q: Can I edit or delete files in the Gallery?

A: The Gallery is now for editing, viewing, filtering, and downloading.

Q: What file types are supported?

A: The Gallery shows standard media like JPG, PNG, and MP4. Other files (e.g., PDFs) stay in their original sections.

Q: Can I tag images after uploading them to the Gallery?

A: Yes, Admins can edit tags for images in the Gallery by tapping the Tag Icon on the image thumbnail and accessing the Tag Management. Note that Field Executives can only reassign existing tags.

Q: How many tags can I apply to a single image?

A: There is no strict limit, but aim for 3–5 relevant tags per image for usability to maintain clarity and avoid clutter.

Q: What happens to tags if I delete an image?

Image Deletion Behavior

1. Deletion from Notes
   • If an image is deleted inside Notes, it will also be removed from the Gallery.
   • This is the only place where gallery sync is affected by deletion.
2. Deletion from Other Sources
   • Direct Gallery Delete → No effect on associated modules (Checklist, Attachments, Inspection Forms, etc.).
   • Checklist Delete → Image removed from the checklist but remains in the Gallery.
   • Attachments Delete → Image was removed from the attachment but remains in the Gallery.
   • Inspection Form Delete → Image was removed from the form but remains in the Gallery.

The Image Tags feature in the Zuper Mobile Gallery transforms how field technicians and Admins capture, organize, and retrieve job-related images. This feature enhances documentation, streamlines workflows, and improves collaboration by enabling contextual tagging and role-based management.