<style>p { margin: 0; }span.fr-emoticon.fr-emoticon-img { background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle; } span.fr-emoticon { font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0; } blockquote { border-left: solid 2px #5e35b1; color: #5e35b1; margin-left:0; padding-left:5px;}blockquote blockquote{ border-color: #00bcd4; color: #00bcd4;}blockquote blockquote blockquote{ border-color: #43a047; color: #43a047;} table.grid{ border-collapse: collapse;} table.grid td, table.grid th { border: 1px solid #ddd;} .fr-fic.fr-dib{ display: block; margin: 5px auto;}.fr-fic.fr-dib.fr-fir{ text-align: right; margin: 5px 0 5px auto;}.fr-fic.fr-dib.fr-fil{ text-align: left; margin: 5px auto 5px 0;}.fr-fic.fr-dii{ float: none; margin: 5px auto;}.fr-fic.fr-dii.fr-fil{ float: left; margin: 5px auto;}.fr-fic.fr-dii.fr-fir{ float: right; margin: 5px auto;}img.fr-dib.fr-fir { margin-right: 0; text-align: right;}img.fr-dib.fr-fil { margin-left: 0; text-align: left;}img.fr-dib { margin: 5px auto; display: block; float: none;}img.fr-bordered { box-sizing: content-box; border: solid 5px #CCC;}img.fr-shadow { box-shadow: 10px 10px 5px 0px #cccccc;}img.fr-rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}</style><p><strong>Configuration > Reporting > PDF Templates</strong></p><p><br></p><p><strong>Related Guides:</strong></p><ul><li><a href="https://usehalo.com/haloitsm/guides/2429" target="_blank" rel="noopener noreferrer"><strong>PDF Templates</strong></a></li></ul>
<style>p { margin: 0; }span.fr-emoticon.fr-emoticon-img { background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle; } span.fr-emoticon { font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0; } blockquote { border-left: solid 2px #5e35b1; color: #5e35b1; margin-left:0; padding-left:5px;}blockquote blockquote{ border-color: #00bcd4; color: #00bcd4;}blockquote blockquote blockquote{ border-color: #43a047; color: #43a047;} table.grid{ border-collapse: collapse;} table.grid td, table.grid th { border: 1px solid #ddd;} .fr-fic.fr-dib{ display: block; margin: 5px auto;}.fr-fic.fr-dib.fr-fir{ text-align: right; margin: 5px 0 5px auto;}.fr-fic.fr-dib.fr-fil{ text-align: left; margin: 5px auto 5px 0;}.fr-fic.fr-dii{ float: none; margin: 5px auto;}.fr-fic.fr-dii.fr-fil{ float: left; margin: 5px auto;}.fr-fic.fr-dii.fr-fir{ float: right; margin: 5px auto;}img.fr-dib.fr-fir { margin-right: 0; text-align: right;}img.fr-dib.fr-fil { margin-left: 0; text-align: left;}img.fr-dib { margin: 5px auto; display: block; float: none;}img.fr-bordered { box-sizing: content-box; border: solid 5px #CCC;}img.fr-shadow { box-shadow: 10px 10px 5px 0px #cccccc;}img.fr-rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}</style><style>
p {
margin: 0;
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
img.fr-dib.fr-fir {
margin-right: 0; text-align: right;
}
img.fr-dib.fr-fil {
margin-left: 0; text-align: left;
}
img.fr-dib {
margin: 5px auto; display: block; float: none;
}
img.fr-bordered {
box-sizing: content-box; border: solid 5px #CCC;
}
img.fr-shadow {
box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-rounded {
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
</style><style>
p {
margin: 0;
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
img.fr-dib.fr-fir {
margin-right: 0; text-align: right;
}
img.fr-dib.fr-fil {
margin-left: 0; text-align: left;
}
img.fr-dib {
margin: 5px auto; display: block; float: none;
}
img.fr-bordered {
box-sizing: content-box; border: solid 5px #CCC;
}
img.fr-shadow {
box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-rounded {
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
</style><style>
p {
margin: 0;
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
img.fr-dib.fr-fir {
margin-right: 0; text-align: right;
}
img.fr-dib.fr-fil {
margin-left: 0; text-align: left;
}
img.fr-dib {
margin: 5px auto; display: block; float: none;
}
img.fr-bordered {
box-sizing: content-box; border: solid 5px #CCC;
}
img.fr-shadow {
box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-rounded {
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
</style><style>
p {
margin: 0;
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
img.fr-dib.fr-fir {
margin-right: 0; text-align: right;
}
img.fr-dib.fr-fil {
margin-left: 0; text-align: left;
}
img.fr-dib {
margin: 5px auto; display: block; float: none;
}
img.fr-bordered {
box-sizing: content-box; border: solid 5px #CCC;
}
img.fr-shadow {
box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-rounded {
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
</style><style>
p {
margin: 0;
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
img.fr-dib.fr-fir {
margin-right: 0; text-align: right;
}
img.fr-dib.fr-fil {
margin-left: 0; text-align: left;
}
img.fr-dib {
margin: 5px auto; display: block; float: none;
}
img.fr-bordered {
box-sizing: content-box; border: solid 5px #CCC;
}
img.fr-shadow {
box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-rounded {
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
</style><style>
p {
margin: 0;
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
</style><style>
p {
margin: 0; font-family: "Poppins", sans-serif, "Roboto";
}
span.fr-emoticon.fr-emoticon-img {
background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle;
}
span.fr-emoticon {
font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0;
}
blockquote {
border-left: solid 2px #5e35b1; color: #5e35b1; margin-left: 0; padding-left: 5px;
}
blockquote blockquote {
border-color: #00bcd4; color: #00bcd4;
}
blockquote blockquote blockquote {
border-color: #43a047; color: #43a047;
}
table.grid {
border-collapse: collapse;
}
table.grid td,
table.grid th {
border: 1px solid #ddd;
}
.fr-fic.fr-dib {
display: block; margin: 5px auto;
}
.fr-fic.fr-dib.fr-fir {
text-align: right; margin: 5px 0 5px auto;
}
.fr-fic.fr-dib.fr-fil {
text-align: left; margin: 5px auto 5px 0;
}
.fr-fic.fr-dii {
float: none; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fil {
float: left; margin: 5px auto;
}
.fr-fic.fr-dii.fr-fir {
float: right; margin: 5px auto;
}
.styled-table thead tr th:first-child {
width: 28em; min-width: 28em; max-width: 28em; word-break: break-word;
}
.styled-table thead tr th:nth-child(2) {
width: 8em; min-width: 8em; max-width: 8em; word-break: break-word;
}
.styled-table thead tr th:nth-child(3) {
width: 8em; min-width: 8em; max-width: 8em; word-break: break-word;
}
.styled-table thead tr th:nth-child(4) {
width: 8em; min-width: 8em; max-width: 8em; word-break: break-word;
}
.styled-table thead tr th:nth-child(5) {
width: 8em; min-width: 8em; max-width: 8em; word-break: break-word;
}
.styled-table {
border-radius: 5px;border-collapse: collapse; margin: 25px 0; font-size: 1rem; font-family: "Poppins", sans-serif, "Roboto"; width: 100%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.styled-table thead tr {
text-align: left;border-radius: 5px;
}
.styled-table th {
border-radius: 5px; padding: 12px 15px;
}
.styled-table td {
padding: 12px 15px;
}
.styled-table tbody tr {
border-bottom: 1px solid #dddddd;
}
.styled-table tbody tr:nth-of-type(even) {
background-color: #fafafa;
}
.styled-table tbody tr:last-of-type {
border-bottom: 2px solid $orcolor;
}
</style><p><strong><span style="font-size: 14pt;">Details</span></strong></p><table class="styled-table grid" style="width: 100%;"><tbody><tr><td style="width: 33.3333%; text-align: left; background-color: rgb(0, 204, 248);"><strong><span style="color: rgb(255, 255, 255); font-size: 12pt;">Field</span></strong></td><td style="width: 13.365%; text-align: left; background-color: rgb(0, 204, 248);"><strong><span style="color: rgb(255, 255, 255); font-size: 12pt;">Type</span></strong></td><td style="width: 53.3017%; text-align: center; background-color: rgb(0, 204, 248);"><strong><span style="color: rgb(255, 255, 255); font-size: 12pt;">Description</span></strong></td></tr><tr><td style="width: 33.3333%;" id="name">Name</td><td style="width: 13.365%;">Free Text</td><td style="width: 53.3017%; text-align: left;">Name of the report</td></tr><tr><td style="width: 33.3333%;" id="type">Type</td><td style="width: 13.365%;">Entity Chosen</td><td style="width: 53.3017%; text-align: left;">After clicking into the PDF Templates module, there will be a dropdown in the top left to decide which entity the PDF template will be created for. The entity chosen will then be the type of report, certain $-Variables will only work for specific entity types, i.e. the invoice $-Variables will work for a PDF Template Entity Type: Invoice<br><br><strong><em>Note: </em></strong><em><strong>If there are $-Variables that don't appear to be working correctly, then the entity chosen may not be compatible with the $-Variable being used.</strong></em><br><br>It is also important to note that if trying to generate a PDF from the template screen with entity type invoice, then the last invoice used will be the invoice displayed on the template. PDF's can also be generated from the entity areas as well, i..e there is an action to generate PDF's at the top of each invoice screen. The PDF template can also be changed by scrolling down the sidebar on the right and changing it on the dropdown "PDF Template" (At the very bottom of the sidebar).<br></td></tr><tr><td style="width: 33.3333%;" id="file_type">File Type</td><td style="width: 13.365%;">Single Select</td><td style="width: 53.3017%; text-align: left;"><strong><em>Only available for entity type "Tickets".</em></strong><br><br>You can select between a PDF or an XML file type here. Changing the file type will overwrite the PDF pages/XML attachments.</td></tr><tr><td style="width: 33.3333%;" id="description">Description</td><td style="width: 13.365%;">Free Text<br></td><td style="width: 53.3017%; text-align: left;">You can input a description of the report in this text box</td></tr><tr><td style="width: 33.3333%;" id="files">PDF to prepend to this PDF<br></td><td style="width: 13.365%;">Input Box</td><td style="width: 53.3017%; text-align: left;">You can drag and drop a pdf into this box and it will be prepended to the report.</td></tr><tr><td style="width: 33.3333%;" id="prefixpdfappend">Append rather than prepend the above template<br></td><td style="width: 13.365%;">Checkbox</td><td style="width: 53.3017%; text-align: left;">When selected, the chosen Pdf will be appended to the report (attached at the bottom), the default behaviour is that the Pdf is prepended.</td></tr><tr><td style="width: 33.3333%;" id="override_attachment_name">Attachment filename override<br></td><td style="width: 13.365%;">Free Text</td><td style="width: 53.3017%; text-align: left;">When an attachment is created after generating i.e. a PDF on a ticket, the name given to the attachment will be what is set in here. $-variables are accepted, make sure that the entity you are generating the pdf from will accommodate for the dollar variable's you use. Checkout this guide for finding different dollar variables: <a href="https://usehalo.com/haloitsm/guides/1947" rel="noopener noreferrer" target="_blank"><strong>Guide</strong></a></td></tr><tr><td style="width: 33.3333%;" id="reports">Reports</td><td style="width: 13.365%;">Table</td><td style="width: 53.3017%; text-align: left;">When i.e. the entity for the PDF Template is "Tickets" this option will appear, you can add reports to this table, which can then be added to the html of the lines within the Pages Tab. If I wanted to show the report for one of the report tables lines, I would i.e. add in to the html <p>$REPORT51DATA</p> <br></td></tr></tbody></table><p><strong><span style="font-size: 14pt;">Appearance</span></strong></p><table class="styled-table grid" style="width: 100%;"><tbody><tr><td style="width: 33.3333%; text-align: left; background-color: rgb(0, 204, 248);"><strong><span style="color: rgb(255, 255, 255); font-size: 12pt;">Field</span></strong></td><td style="width: 13.5485%; text-align: left; background-color: rgb(0, 204, 248);"><strong><span style="color: rgb(255, 255, 255); font-size: 12pt;">Type</span></strong></td><td style="width: 53.1182%; text-align: center; background-color: rgb(0, 204, 248);"><strong><span style="color: rgb(255, 255, 255); font-size: 12pt;">Description</span></strong></td></tr><tr><td style="width: 33.3333%;" id="">Colour</td><td style="width: 13.5485%;">Single Select</td><td style="width: 53.1182%; text-align: left;">Use the colour of the organisation or you can choose a colour. This colour will apply to the tables added to the report. If custom is selected you can choose from a colour palette or add in a hexcode to the hashtag.</td></tr><tr><td style="width: 33.3333%;" id="orientation">Orientation</td><td style="width: 13.5485%;">Single Select</td><td style="width: 53.1182%; text-align: left;">Portrait or Landscape can be chosen</td></tr><tr><td style="width: 33.3333%;" id="margin">Margin</td><td style="width: 13.5485%;">Float</td><td style="width: 53.1182%; text-align: left;">You can set a margin size for all of the pages on the document, this will not apply to the appended/ prepended pdf pages.</td></tr><tr><td style="width: 33.3333%;" id="includeheader">Include Header</td><td style="width: 13.5485%;">Checkbox</td><td style="width: 53.1182%; text-align: left;">When selected, headers will appear at the top of all pages, this will not apply to the appended/ prepended pdf pages. Dollar variables don't work in here.</td></tr><tr><td style="width: 33.3333%;" id="headerishtml">Use HTML Header</td><td style="width: 13.5485%;">Checkbox<br></td><td style="width: 53.1182%; text-align: left;">When selected, there will be an HTML input where you can add in a custom header i.e. images can be added using standard HTML formatting. Header height can also be set. Dollar variables do work in here.</td></tr><tr><td style="width: 33.3333%;" id="includefooter">Include Footer<br></td><td style="width: 13.5485%;">Checkbox<br></td><td style="width: 53.1182%; text-align: left;">When selected, footers will appear at the bottom of all pages, this will not apply to the appended/ prepended pdf pages. In the three boxes (left, centre, header) you can add i.e. {page} of {total-pages}. Dollar variables don't work in here.<br></td></tr><tr><td style="width: 33.3333%;" id="footerishtml">Use HTML Footer<br></td><td style="width: 13.5485%;">Checkbox<br></td><td style="width: 53.1182%; text-align: left;">When selected, there will be an HTML input where you can add in a custom header i.e. images can be added using standard HTML formatting. Header height can also be set. Dollar variables do work in here.<br></td></tr><tr><td style="width: 33.3333%;" id="backgroundimageurl">Background Image Url (All pages)<br></td><td style="width: 13.5485%;">URL</td><td style="width: 53.1182%; text-align: left;">Add the URL of an image in here to be the background of all pages.</td></tr><tr><td style="width: 33.3333%;" id="">Override page width (inches)<br></td><td style="width: 13.5485%;">decimal (1dp)</td><td style="width: 53.1182%; text-align: left;">If not set or set to 0, it will take the standard A4 format. </td></tr><tr><td style="width: 33.3333%;" id="">Override page height (inches)<br></td><td style="width: 13.5485%;">decimal (1dp)<br></td><td style="width: 53.1182%; text-align: left;">If not set or set to 0, it will take the standard A4 format. <br></td></tr><tr><td style="width: 33.3333%;" id="">Media Type<br></td><td style="width: 13.5485%;">Single Select</td><td style="width: 53.1182%; text-align: left;">Can select Print or Screen. Best to leave on the default option if unsure.</td></tr></tbody></table><p><strong><span style="font-size: 14pt;">Pages</span></strong></p><table class="styled-table grid" style="width: 100%;"><tbody><tr><td style="width: 33.3333%; text-align: left; background-color: rgb(0, 204, 248);"><strong><span style="color: rgb(255, 255, 255); font-size: 12pt;">Field</span></strong></td><td style="width: 13.8204%; text-align: left; background-color: rgb(0, 204, 248);"><strong><span style="color: rgb(255, 255, 255); font-size: 12pt;">Type</span></strong></td><td style="width: 52.8463%; text-align: center; background-color: rgb(0, 204, 248);"><strong><span style="color: rgb(255, 255, 255); font-size: 12pt;">Description</span></strong></td></tr><tr><td style="width: 33.3333%;" id="name">Name</td><td style="width: 13.8204%;">Free Text</td><td style="width: 52.8463%; text-align: left;">Name of the page, only visible for the agents editing the template. Can be changed by editing the line item.</td></tr><tr><td style="width: 33.3333%;" id="sequence">Sequence</td><td style="width: 13.8204%;">Free Text</td><td style="width: 52.8463%; text-align: left;">Sequence of the page, only visible for the agents editing the template. Can be changed by editing the line item. This determines the order in which pages show on the pdf. Sequence: 1 will be the first page on the pdf.<br></td></tr></tbody></table><p><strong><span style="font-size: 14pt;">Add +</span></strong></p><table class="styled-table grid" style="width: 100%;"><tbody><tr><td style="width: 33.3333%; text-align: left; background-color: rgb(0, 204, 248);"><strong><span style="color: rgb(255, 255, 255); font-size: 12pt;">Field</span></strong></td><td style="width: 13.8939%; text-align: left; background-color: rgb(0, 204, 248);"><strong><span style="color: rgb(255, 255, 255); font-size: 12pt;">Type</span></strong></td><td style="width: 52.7728%; text-align: center; background-color: rgb(0, 204, 248);"><strong><span style="color: rgb(255, 255, 255); font-size: 12pt;">Description</span></strong></td></tr><tr><td style="width: 33.3333%;" id="istitlepage">Is the cover page<br></td><td style="width: 13.8939%;">Checkbox</td><td style="width: 52.7728%; text-align: left;">When selected, this page will not include headers or footers that have been set in the template. A background image URL specifically for the cover page can also be set if this checkbox is selected.</td></tr><tr><td style="width: 33.3333%;" id="variablelink">View $-variables<br></td><td style="width: 13.8939%;">Button</td><td style="width: 52.7728%; text-align: left;">When clicked on, you can view a list of dollar sign variables that can be placed anywhere on HTML templates.</td></tr><tr><td style="width: 33.3333%;" id="mainhtml">Core Template HTML<br></td><td style="width: 13.8939%;">HTML Code</td><td style="width: 52.7728%; text-align: left;">Enter the HTML for the page. If the amount of HTML is more than one page, then it will spill over to another page.</td></tr></tbody></table><p><strong><span style="font-size: 14pt;">Details Table/ Items Issued Table</span></strong></p><table class="styled-table grid" style="width: 100%;"><tbody><tr><td style="width: 33.3333%; text-align: left; background-color: rgb(0, 204, 248);"><strong><span style="color: rgb(255, 255, 255); font-size: 12pt;">Field</span></strong></td><td style="width: 13.8204%; text-align: left; background-color: rgb(0, 204, 248);"><strong><span style="color: rgb(255, 255, 255); font-size: 12pt;">Type</span></strong></td><td style="width: 52.8463%; text-align: center; background-color: rgb(0, 204, 248);"><strong><span style="color: rgb(255, 255, 255); font-size: 12pt;">Description</span></strong></td></tr><tr><td style="width: 33.3333%;" id="showinlineimage">Show the Item primary image alongside the line description</td><td style="width: 13.8204%;">Free Text</td><td style="width: 52.8463%; text-align: left;"><strong>For Entity Type: Quotations</strong><br>You can add the primary image from the image tab of a product. It will show beside the line description of the product. Add The 'Description' Field to the Choose fields section. </td></tr><tr><td style="width: 33.3333%;" id="detailcolumns">Choose Fields</td><td style="width: 13.8204%;">Single Select</td><td style="width: 52.8463%; text-align: left;">You can choose what fields show against the i.e. table of products on the Quotation PDF. Such as Quantity, Price, Description, Item Name, etc... </td></tr></tbody></table>
