Now, you may want to add a new template or customize the existing template then please go to PDF Template Editor from left menus where you have lots of customization options.
Here you will see different sections like Template Settings, Header Settings, Footer Settings, etc... where HTML content can be customized. Let's see each in detail.
Template Settings
If you need to add/customize a PDF template for a particular form then please Select Form here. After selecting a particular form you will have all fields available at right sidebar in the Form Fields tab. Now you can add fields in your template content easily by just click on those fields.
You may either customize an existing template or add a new template. So if you want an existing PDF template to be customized then Select Template.
The same way you can set other settings for your selected or new template like PDF Size, PDF Orientation, PDF Font Family. Here you may also Import Additional Fonts by click on link below font input.
Please make sure you've enough space ( around 90MB ) at your server to import additional fonts.
Header Settings / Footer Settings
Add or change in header and footer sections from Header Settings and Footer Settings where you have three portions available for left, center and right side. You can add shortcodes from right sidebar easily in these sections too.
PDF Content Editor
If you have selected any existing PDF template then you will see default content here which can be customized. Following are some important classes that will be helpful to format PDF content as you can see in default template content.
two_row_even => css class for even rows
two_row_odd => css class for odd rows
arf_pdf_viewentry_left => will be used for label column
arf_pdf_viewentry_right => will be used for values column
arf_pdf_container => main class for PDF output
arf_field_values => main outer div class for values
For all these classes CSS Properties are placed at wp-content/plugins/arformspdfcreator/css/arformspdfcreator.css where you can change or add new CSS Properties.
Right Sidebar
There is a sidebar in right which makes PDF template customization very easy.
Here you will see the following expandable tabs.
Form Fields
Here is the list of all form fields for selected form with its unique field id. Click on any field to add the shortcode in content editor or header/footer sections wherever the cursor is placed. Shortcodes for the field will be like, {ARF_GetLabel:ID}:{ARF_GetValue:ID}. You can get more detail in the Shortcodes section.
Advanced Fields
This tab contains list that adds advanced shortcodes like Browser - {ARF_Browser}, IP Address - {ARF_IPAddress}, Page URL - {ARF_PageURL} etc... These shortcodes are also described in section Shortcodes.
Current User Detail
If you need to add shortcodes that can be replaced with the detail of the user who has submitted the form then here you have a list of shortcodes like User ID - {ARF_UserID}, User Email - {ARF_UserEmail}, User Name - {ARF_UserName}, User Display Name - {ARF_UserDisplayName}. Get more detail for these shortcodes from the Shortcodes section.
Conditional Shortcodes
This tab contains all conditional and looping shortcodes like the following which are also described at Shortcodes section.
[ARF_IF] /*Your code goes here*/ [/ARF_IF]
[ARF_LOOP] /*Your code goes here*/ [/ARF_LOOP]
.
Other Option
Other useful options are available here which help you to make your header section and footer section perfect.
1). Enable Page No :
Switch ON to enable this option if you need to display page number in footer at right portion. Please note that your right-footer content added in the editor will not be displayed there if the page number is enabled.
2). Upload Logo :
You are able to upload a logo image to be displayed at the header section which can be positioned to left, center or right from Logo Position.
After all the changes, you will see buttons at the bottom. Let's see the purpose of each button.
Save Changes :
If you have selected any existing template to be customized and want to save changes in same template then you need to click on this button.
Cancel Editing :
Click on this button if you need to reset all changes and settings.
Save as template :
If you need to add a new template then click on this button no matter if you have selected the existing template or not. On click this button you will be asked to enter Template Name for a new PDF template.
Delete Template :
At last, this button will only be visible if you have selected the existing template or after save as a new template. On click this button your selected PDF template will be removed.