# SharinPix Form - PDF Configuration
## Overview
The **PDF Configurations** feature in SharinPix Forms allows you to customize the appearance and layout of the generated PDF when a form is submitted. These settings help you create professional, branded PDF documents that meet your organization's needs.
This documentation covers:
* [Header & Footer Configuration](#configuring-header-and-footer-on-sharinpix-form-pdf)
* [Add Page Breaks on Form PDF](#add-page-breaks-on-sharinpix-form-pdf)
* [Customize Colors on PDF](#color-customization-on-sharinpix-form-pdf)
* [Full Page element](#full-page-element)
* [Configuring the Full Page element](#configuring-the-full-page-element)
## Configuring Header and Footer on SharinPix Form PDF
The **Header** and **Footer** allow you to add branded content that appears on every page of the generated PDF
Use them to display your company logo, form title, disclaimers, contact information, or any other branding elements.
### How to Configure
* In the Form Template Editor, click the **Settings** button in the top bar
* In the settings panel, locate the **Header** and **Footer** fields
* Use the **Rich Text** editor to add your content
* Click **Save** to apply your changes
### Supported Content
Both Header and Footer fields support the same content types:
| Content Type | Description |
| --------------------- | ------------------------------------------------------------------------------- |
| **Text** | Add formatted text including bold, italics, and different font sizes |
| **Images** | Insert logos or other images by clicking the image icon in the rich text editor |
| **Links** | Add hyperlinks to external resources |
| **Dynamic Variables** | Insert form values that update automatically (see below) |
{% hint style="success" %}
**Tip:** Keep headers and footers concise to maximize space for form content on each page.
{% endhint %}
Here is an example demonstrating how to a configure a header with company logo and a footer with contact information in a **Fire Inspection Form** :
PDF generated after Form submission:
### Using Dynamic Variables
You can insert dynamic values into your header and footer using the {!variable} syntax. These variables are automatically replaced with actual form data when the PDF is generated.
#### Example Variables
| Variable | Description |
| ------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
| `{!form.response.sfid}` | The Salesforce Record ID linked to the form response |
| `{!form.response.sfname}` | The Salesforce Record Name linked to the form response |
| `{!form.template.sfid}` | The Form Template ID |
| `{!form.template.sfname}` | The Form Template Name |
| `{!form.params.}` | Any [SharinPix Form Context Parameter](https://docs.sharinpix.com/forms/advanced-form-configuration/sharinpix-forms-context-parameters) |
| `{!}` | Any [SharinPix Form Formula](https://docs.sharinpix.com/forms/form-elements/sharinpix-form-formula-functions-and-operators) result |
**Referencing Form Field Values**
You can reference any form field or formula value using **Field API Names** or [SharinPix Form Formula Functions and Operators](https://docs.sharinpix.com/forms/form-elements/sharinpix-form-formula-functions-and-operators).
**Field API Names** can be configured on the[ SharinPix Form Template Editor](https://docs.sharinpix.com/forms/form-elements/sharinpix-form-template-editor).
The image below illustrates how to use dynamic variables in a footer, for example:\ `{!address.value}`
## Add Page Breaks on SharinPix Form PDF
Page breaks allow you to control where content splits across pages in the generated PDF. This is useful for keeping related information together or starting new sections on fresh pages.
Page breaks can be added to the PDF by using the "Insert page break on PDF" option on a **Spacer** element as shown below.
PDF generated after Form submission:
## Color Customization on SharinPix Form PDF
### Customize Titles on the PDF
The user can configure the **Background Color** of individual titles on the **Form PDF:**
| Element Type | Configuration |
| -------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Title** | Configure background color of the title on **PDF** |
| **Repeated Section** |
Configure background color of the repeated title on PDF Configure background color of the sections title on PDF
|
| **Section** | Configure background color of the section title on **PDF** |
Here is an example demonstrating how to apply a red color to a title in a **Fire Inspection Form** :
PDF generated after Form submission:
.png?alt=media)
## Full Page element
The **Full Page** element lets you add a full page to a PDF using richtext content and dynamic fields.
The example below shows a **Full Page** element used as a cover page in a PDF.
To add it to a form, select the **Full Page** element from the left sidebar in the Form Editor.
### Configuring the Full Page element
To configure the content of a **Full Page** element, click **Edit Richtext** in the element settings.
This opens the editor in full-screen mode as shown below.
1. Click on an empty area of the page to add a new item. You can then move and resize it anywhere on the page
2. Use the richtext editor to update the content of the selected item.
3. Delete the selected item using the **Delete** button.
4. Set the page background color using the color picker.
5. Add a background image to the page by entering an image URL.
6. Exit the **Full Page** editor.
[Dynamic variables](#using-dynamic-variables) can be added and configured in the richtext editor, as shown below.
.png?alt=media&token=7fa6d4e2-ad21-46e8-bf86-56426ba412b6)
.png?alt=media&token=1485dc55-cc04-4ce7-a749-8a65d979d46f)
.png?alt=media&token=c1866569-8d7c-4d4f-8575-b481b4e8546a)
.png?alt=media&token=59265b25-1660-4d96-b04f-6e043d230293)
.png?alt=media&token=ffd90d1d-5de2-4be7-a7dc-a4d3c7e1d139)