TutorialShow Gravity PDF in raw HTML

Tutorials » Blue Liquid Designs » Show Gravity PDF in raw HTML

Do you want to inspect the raw html output of your Gravity PDF? With this simple url argument you can do that.

Add ?html=1 to the PDF url

It’s quite easy. First open a PDF inside your browser. It will have an url like this:

https://gravitywp.com/pdf/5e3ebbb1cb8e3/18823/

Now add behind this url the arguments: ?html=1. This should look like this:

https://gravitywp.com/pdf/5e3ebbb1cb8e3/18823/?html=1

The PDF opens now without processing it to the PDF itself. This makes it way easier to inspect the HTML and styles used inside the PDF. You can only do this when you have edit rights (as an administrator you usually do) in Gravity PDF.

More about styling PDF’s

For generating PDF’s the mPDF library is used. There are some limitations and differences between writing HTML and CSS for PDF’s compared with webpages.

Supported HTML and CSS in mPDF

Our Premium Add-ons for Gravity Forms

Advanced Merge Tags
This Gravity Forms Add-On adds extra Merge Tag modifiers (and a lot of power). From the most common used functions like capitalize and length to changing date formats.

List Number Format
With this Gravity Forms Add-on you can change List Field columns into a number field, do calculations within a row or column. Extra merge tags are available with total counts of columns.

JWT Prefill
Create JSON Webtokens to populate fields in your Gravity Form. With a secure key you can validate the data you don’t want to be tampered with.

Advanced Number Field
Functionality for Number Fields, like rounding or only absolute numbers, fixed point notation, range calculation, custom units like % or m2 & show as slider.

Field to Entries
Create entries based on Checkboxes & Multi Select choices & List Field rows.

List Dropdown
Add a Dropdown Select with choices to a column or multiple columns in a Gravity Forms List Field.

Update Multiple Entries
Trigger the update of multiple entries in a target form by submitting an entry in a trigger form.

List Datepicker
Add a Datepicker with calendar select to a column or multiple columns in a Gravity Forms List Field.

List Text
Add features like textarea, placeholder and custom validation to a column or multiple columns in a Gravity Forms List Field.

API Connector
Connect Gravity Forms to External API's: Query the API using form field values and automatically fill other form fields with the API response.

Entry to Database
Integrates Gravity Forms with internal or external databases, offering flexible mapping of form fields to database columns and real-time synchronization between entries and database rows.

Read more tutorials about Blue Liquid Designs

PDF Download Gravity Forms

Do you want to generate PDF’s automatically filled with data from Gravity Forms entries? And do you want to show this as a download link on the front end of your WordPress website? With the combination GravityView and Gravity PDF it’s easy.