Now, you may want to add new template or customize 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 PDF template for particular form then please Select Form here. After selecting particular form you will have all fields available at right sidebar in Form Fields tab. Now you can add fields in your template content easily by just click on that fields.
You may either customize existing template or add new template . So if you want existing PDF template to be customized then Select Template.
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.
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 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 shortcode in content editor or header/footer sections wherever cursor is placed. Shortcodes for the field will be like, {ARF_GetLabel:ID}:{ARF_GetValue:ID}. You can get more detail at 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 which can be replaced with the detail of the user who has submitted the form then here you have 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 Shortcodes section.
Conditional Shortcodes
This tab contains all conditional and looping shortcodes like 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 editor will not be displayed at there if page number is enabled.
2). Upload Logo :
You are able to upload logo image to be displayed at header section which can be positioned to left, center or right from Logo Position.
After all changes, you will see buttons at bottom. Let's see the purpose of each buttons.
Save Changes :
If you have selected any existing template to be customized and want to save changes in same template then you need 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 new template then click on this button no matter if you have selected existing template or not. On click this button you will be asked to enter Template Name for new PDF template.
Delete Template :
At last this button will only be visible if you have selected existing template or after save as new template. On click this button your selected PDF template will be removed.
