Applying Form Submission Data Into a PDF Document

July 17, 2023

Jotform’s PDF Editor automatically turns collected form submission data into professional, elegant PDFs that are easy to share with colleagues and customers. It helps automate the building process and lessen your workload.

By default, when you create a new PDF document, the PDF Editor will populate it with the same question-and-answer (Q&A) pairs found on your web form.

Example Form Preview
Side-by-side view of the form and PDF Editor

If you just want a plain PDF file containing your user’s submission data, the default PDF template should suffice. However, if you plan to fully customize the design and layout of your PDF document, knowing your way around the PDF Editor, especially how to add form fields with submission data, will be a good knowledge to acquire.

Adding Form Fields With Submission Data to Your PDF Document

Adding form fields with submission data is as easy as dragging and dropping them from the Add Element pane on the left into your PDF document.

First, let’s talk about the submission details Submission Date, Submission ID, and Submission IP. Found under the Basic Elements > Form Elements section in the PDF Editor, these three are always available for all forms. You can add them to your PDF document either by selecting or dragging them into place.

Common form elements available in Jotform PDF Editor

Next, have a look at the actual form fields.

The Form Fields tab in Jotform PDF Editor

The list fields shown above may look different from the list you see from your end. That’s because the list depends on the form fields you have on your web form. It’s worth mentioning that this list also includes hidden fields.

Now, try creating a simple PDF document with submission data — select the fields you want to be added or drag them into the document.

If your form doesn’t have any submission data yet, the PDF Editor will generate some dummy data for you.

Customizing Your PDF Document

Now that you know how to add your form’s submission data to your PDF document, it’s time to have a closer look at your customization options.

To view the available layout and customization options

  1. In the PDF Editor, select the paint roller icon in the upper-right corner.
  2. In the PDF Designer pane on the right, go to Element Style at the top.
Steps to access Element Styles in Jotform PDF Editor

Here are the available options:

  • Element Alignment — Choose your Q&A’s layout.
  • Question Style — Customization options for the questions.
  • Answer Styles — Available by turning off Apply changes to answers under Question Style.
  • Line Spacing — The amount of space between lines.

You can also select an element in your PDF document and customize its style separately in the PDF Designer.

Academy Logo

Introduction to Data Management

PDF Editor

Go to course :PDF Editor
lesson-3 - image
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • rober garcia - Profile picture
  • Underwood Baptist Church - Profile picture
  • MAPS Charities - Profile picture
  • davrig1357 - Profile picture