> ## Documentation Index
> Fetch the complete documentation index at: https://help.fieldpulse.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Viewing Photos and Files on Custom Form PDFs

> Embed Image-field photos directly into generated Custom Form PDFs so proof-of-work shots ship inside the finished document.

# Overview

Your team takes photos for a reason — proof of work, compliance records, before-and-afters, equipment shots. When you generate a PDF from a Custom Form, images from Image fields are embedded directly on the page, producing polished, professional PDFs that are complete and ready to share.

***

# Prerequisites

Before you generate a Custom Form PDF with images, make sure:

* You have permissions to view and create Custom Forms.

* You have a Custom Form with at least one *Image/Video Upload* field.

* The form is attached to a record (Customer, Job, Estimate, Invoice, etc.)

New to Custom Forms? Start with [Mastering Custom Forms: A Step-by-Step Guide](/features-add-ons/custom-forms/creating-a-custom-form) to build your first form.

***

# On Web: Admin Experience

When you generate a PDF from a Custom Form, you decide how your images will appear for your customers to view. Here’s exactly what to do:

## Step 1

Locate your completed Custom Form from the *Forms* tab of the record you linked/attached it to (Customer, Job, Estimate, Invoice, etc.).

<img src="https://mintcdn.com/fieldpulse/PvW4JI6xwgbs0kD0/static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/01.png?fit=max&auto=format&n=PvW4JI6xwgbs0kD0&q=85&s=66aa6fdcd96e77b785af3fd233006c95" alt="PDF save and download options for a completed PDF form" width="2468" height="1130" data-path="static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/01.png" />

## Step 2

Click into your Custom Form.

<img src="https://mintcdn.com/fieldpulse/xwPwr8uE60bRxuE9/static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/02.png?fit=max&auto=format&n=xwPwr8uE60bRxuE9&q=85&s=726b4744d7132b2ff798e6f8d2ebfb15" alt="Completed custom form in the Forms tab of a record" width="2154" height="554" data-path="static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/02.png" />

## Step 3

Preview how you want your completed Custom Form PDF to appear for your customer. Access PDF preview through any of these pathways:

* *Send* button → *Send to be Viewed*

* *Send* button → *Send to be Filled*

* *Actions* button → *Generate PDF*

* *Actions* button → *Send to be Viewed*

* *Actions* button → *Send to be Filled*

<img src="https://mintcdn.com/fieldpulse/xwPwr8uE60bRxuE9/static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/03.png?fit=max&auto=format&n=xwPwr8uE60bRxuE9&q=85&s=e7e8658649dddc844147c3a780b68dc3" alt="Opening a completed custom form from the record" width="2466" height="1126" data-path="static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/03.png" />

## Step 4

Turn on Images for your PDF. In the PDF preview, you'll see a few checkboxes: *Show Images in PDF, Show Files Summary at the end of PDF,* and *Show Files*. Here's how they work:

* **Show Images in PDF:** Your PDF will have its images placed where the Image field was actually configured to sit in your Custom Form.

* **Show Images in PDF & Show Files:** Your PDF will have a designated "Files" section where you can select any visible files to be displayed or upload new files.

* **Show Files Summary at end of PDF:** Your PDF will have a QR code at the bottom that links out to the images.

<img src="https://mintcdn.com/fieldpulse/xwPwr8uE60bRxuE9/static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/04.png?fit=max&auto=format&n=xwPwr8uE60bRxuE9&q=85&s=d4e86462d5611bf25955a72ebe1d7281" alt="Actions button menu with Generate PDF and send options" width="2516" height="1450" data-path="static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/04.png" />

## Step 5

You can configure how your images appear. Use this setting to fine-tune what shows up on your PDFs:

* **Form Photo Size:** choose Small, Medium, or Large. Pick the size that best fits the form's purpose (e.g., Small for inspection checklists with lots of photos, Large for before/after shots).

## Step 6

Click the *Next* button or *Save PDF* button depending on the pathway you chose in Step 3 before sharing your PDF with your customer.

***

# On Mobile: Field Experience

When you generate a PDF from a Custom Form, you decide how your images will appear for your customers to view. Step-by-step for images on PDF generation via the mobile app:

## Step 1

Locate your completed Custom Form from the *Forms* tab of the record you linked/attached it to (Customer, Job, Estimate, Invoice, etc.).

<img src="https://mintcdn.com/fieldpulse/xwPwr8uE60bRxuE9/static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/05.png?fit=max&auto=format&n=xwPwr8uE60bRxuE9&q=85&s=778b2320cf56fe162bdb3be04437aa06" alt="Custom form PDF display settings for showing images and files" width="550" height="1138" data-path="static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/05.png" />

## Step 2

Click into your Custom Form.

<img src="https://mintcdn.com/fieldpulse/xwPwr8uE60bRxuE9/static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/06.png?fit=max&auto=format&n=xwPwr8uE60bRxuE9&q=85&s=1f7da6308189047aefa355e8b946f1a2" alt="Completed custom form in the Forms tab of a record" width="564" height="530" data-path="static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/06.png" />

## Step 3

Preview how you want your completed Custom Form PDF to appear for your customer. Access PDF preview through any of these pathways:

* *Send* button → *Send to be Viewed*

* *Send* button → *Send to be Filled*

* *Actions* button → *Generate PDF*

* *Actions* button → *Send to be Viewed*

* *Actions* button → *Send to be Filled*

<img src="https://mintcdn.com/fieldpulse/xwPwr8uE60bRxuE9/static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/07.png?fit=max&auto=format&n=xwPwr8uE60bRxuE9&q=85&s=4b4bc166afe86e4d56d42216aea4a50d" alt="Opening a completed custom form from the record" width="554" height="1162" data-path="static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/07.png" />

## Step 4

Open your Custom Form *Display Settings* to turn on Images for your PDF.

<img src="https://mintcdn.com/fieldpulse/xwPwr8uE60bRxuE9/static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/08.png?fit=max&auto=format&n=xwPwr8uE60bRxuE9&q=85&s=549fc30ea0567fe4a11711b9820ab580" alt="Actions button menu with Generate PDF and send options" width="558" height="1146" data-path="static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/08.png" />

## Step 5

In the PDF preview, you'll see a few checkboxes: *Show Images in PDF, Show Files Summary at the end of PDF,* and *Show Files*. Here's how they work:

* **Show Images in PDF:** Your PDF will have its images placed where the Image field was actually configured to sit in your Custom Form.

* **Show Images in PDF & Show Files:** Your PDF will have a designated "Files" section where you can select any visible files to be displayed or upload new files.

* **Show Files Summary at end of PDF:** Your PDF will have a QR code at the bottom that links out to the images.

<img src="https://mintcdn.com/fieldpulse/xwPwr8uE60bRxuE9/static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/09.png?fit=max&auto=format&n=xwPwr8uE60bRxuE9&q=85&s=ba7b85f66e7c2bc68b5fa898a2a6e874" alt="Custom Form Display Settings with the image options enabled" width="548" height="510" data-path="static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/09.png" />

<img src="https://mintcdn.com/fieldpulse/xwPwr8uE60bRxuE9/static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/10.png?fit=max&auto=format&n=xwPwr8uE60bRxuE9&q=85&s=7b92e58482875b4e800a7e0fb59f251f" alt="Display settings options for showing images and files in the PDF" width="548" height="128" data-path="static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/10.png" />

## Step 6

You can configure how your images appear. Use this setting to fine-tune what shows up on your PDFs:

* **Form Photo Size:** choose Small, Medium, or Large. Pick the size that best fits the form's purpose (e.g., Small for inspection checklists with lots of photos, Large for before/after shots).

<img src="https://mintcdn.com/fieldpulse/xwPwr8uE60bRxuE9/static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/11.png?fit=max&auto=format&n=xwPwr8uE60bRxuE9&q=85&s=2edc470780107b4a780747fb75093ff9" alt="Form Photo Size setting with Small, Medium, and Large options" width="546" height="134" data-path="static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/11.png" />

## Step 7

Click the *Next* button or *Save PDF* button depending on the pathway you chose in Step 3 before sharing your PDF with your customer.

<Note>
  **One thing worth calling out:** you'll see a short queue notice while the PDF is being generated. Large forms with lots of photos may take a few extra seconds to build — that's totally normal!
</Note>

***

# What Your Customer Sees

## Example 1

A example of a PDF with only the **Show Images in PDF** box checked:

<img src="https://mintcdn.com/fieldpulse/xwPwr8uE60bRxuE9/static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/12.png?fit=max&auto=format&n=xwPwr8uE60bRxuE9&q=85&s=cb29c22f50d96734cbb317004d1bf3e7" alt="Example PDF with only Show Images in PDF enabled" width="992" height="790" data-path="static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/12.png" />

## Example 2

A example of a PDF with only the **Show Files** box checked:

<img src="https://mintcdn.com/fieldpulse/xwPwr8uE60bRxuE9/static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/13.png?fit=max&auto=format&n=xwPwr8uE60bRxuE9&q=85&s=86cc6cc890023f7dbc6cf6daeb166c86" alt="Example PDF with only Show Files enabled" width="962" height="1178" data-path="static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/13.png" />

## Example 3

A example of a PDF with only the **Show Files Summary at end of PDF** box checked:

<img src="https://mintcdn.com/fieldpulse/xwPwr8uE60bRxuE9/static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/14.png?fit=max&auto=format&n=xwPwr8uE60bRxuE9&q=85&s=1eef7f36753ccabfda017569c6cb4b98" alt="Example PDF with Show Files Summary at end of PDF enabled" width="1596" height="1498" data-path="static/images/_api/11519203-viewing-photos-and-files-on-custom-form-pdfs/14.png" />

<Note>
  The benefit of using **Show Files Summary at end of PDF** is that there's no cap on how many you can add — recipients can view them all via the QR code and URL link displayed at the bottom of the PDF.
</Note>

***

# Video Tutorial

<Frame>
  <iframe src="https://www.loom.com/embed/fbef23f4036444a593736542701911ba?hide_owner=true&hide_share=true" title="Video" className="w-full rounded-lg" style={{aspectRatio: "16/9", border: "none"}} loading="lazy" allow="fullscreen" allowFullScreen />
</Frame>

***

**Have additional questions?**

*Contact us at [support@fieldpulse.com](mailto:support@fieldpulse.com) or use the chat feature in the bottom right corner of your screen.*
