XML Elements

Introduction

XML elements define the layout of PDF reports.

You can use XML elements when creating XML templates to build PDF reports.

This article lists the XML elements.

The Document Template Editor should be handling any changes to the XML. Any manual changing in an XML editor outside of the Document Template Editor, if not done correctly, could present issues and cause the report template to not work properly.

If editing the XML is required, be sure that the individual editing has the skills to properly format the XML correctly.

Remember the following conversions when building PDF reports:

72pt = 1 inch on an XML template
300px = 1 inch on a printed report

Element Types

Core Elements

<template>

Base element for an XML template.

Guidelines

You only need to add one <template> element per XML template.
Once you add a <template> element, you can add other elements inside of it to build the structure of report pages.

Figure 1. A report page with header, footer, and body sections that repeat on every page.
Spaces are not allowed in the name attribute of any element.

To aid readability, use camelCase.

For example, name="Company Logo" is invalid.
Use name="companyLogo" or name="company-logo" instead.
Use the pageMargins attribute to define the margins for report pages.
- When you set the top margin for a page, you must make it big enough to contain the <header> element.
- When you set the bottom margin for a page, you must make it big enough to contain the <footer> element.
- When you set left and right margins for a page, they don’t apply to <header> and <footer> elements.

Set the preprocess attribute to "true" to write handlebars report helpers as XML and have them dynamically converted to the handlebars syntax.

<template pageSize="LETTER" pageOrientation="portrait" pageMargins="36 36 36 36" preprocess="true">
  <header> header text</header>
  <body>body text</body>
  <footer>footer text</footer>
</template>

Example 1. Use the following code to add a <template> element with standard settings.

<template pageSize="LETTER" pageOrientation="portrait" pageMargins="36 36 36 36">
  <header>header text</header>
  <body>body text</body>
  <footer>footer text</footer>
</template>

The pageSize attribute sets the size of the report page to "Letter".
The pageOrientation attribute sets the report page to have portrait orientation.
The pageMargins attribute sets the left, right, and bottom margins to 36pt and the top margin to 170pt.

- Back to Element Types -

<locales> & <locale>

You can set the default language on the report directly in the XML editor. The Document Template Editor always sets the default language as English, but gives the option to the user to add different translations.

If editing the XML is required, be sure that the individual editing has the skills to properly format the XML correctly.

Some customers have a XML report generated via a 3rd party XML editor which needs to be in Mandarin. The XML can’t be pull it into the editor because the editor won’t be able to interpret the XML they wrote. You will have to edit the XML manually.

Within the <locales> tag you must have a separate <locale> tag for each language if you have multiple languages. Custom XML must be included like the following to change the default font family (like Chinese) to the report template XML code:

Example 2. Use the following code to override the default font family and define a new locale like Chinese

 <locales>
    <locale name="Chinese">
      <font name="SansSimplifiedChinese"/>
      <sfLocaleCode value="zh_CN"/>
    </locale>
  </locales>

- Back to Element Types -

<info>

PDF Templates can specify the resulting PDF’s Title and other metadata
Use the <info> tag to add metadata about the PDF file
Use Handlebars expressions in the <info> helper to dynamically update metadata

Guidelines | Attributes | Examples

Guidelines

The <info /> tag must be a child of the <template> tag.
Example 3. <info> tag use
<template> <info title="Job Safety" /> </template>

Attributes

<info /> must have at least one attribute.

The <info> tag supports the following metadata attributes:

title

This attribute is used as both as the PDF’s Title metadata and also the resulting PDF’s file name
author
subject
keywords

Each attribute expects a text string that can contain a Handlebars expression.

Examples

Example 4. Use "Job Safety Report" as the report title each time the report generates

Add the following line inside the PDF template’s <template> tag:

<template>
 <info title="Job Safety Report" />
</template>

Example 5. Dynamically use the Customer and a Timestamp for the report’s Title

Add the following Handlebars expression to the title attribute of the info report helper inside the <template> tag:

<template>
  <info title="{{FX5__Customer_Account__r.Name}}-{{formatDate (formula "NOW()") format="MM/DD/YYYY HH:mm:ss"}}"/>
</template>

Generating reports for such a report results in the following:

Reports Tab in FieldFX Mobile

Note List in FieldFX Back Office

Example of a Notes & Attachments file list with a PDF Report

File Properties Details Tab

On Windows, right clicking the PDF file and selecting the Properties option, then the Details tab, shows:

Example of a report’s Details tab in Windows File Properties

- Back to Element Types -

<header>

Inserts a repeating header at the top of every report page.

Figure 2. A header repeats at the top of each page of the report

Guidelines | Placeholders

Guidelines

You can only add one <header> element per XML template.
To prevent content from being cutoff, make sure that the height of a <header> element is sufficient to show its contents.

Placeholders

Use the following placeholders to insert page data into a <header> element:

Placeholder Description

$currentPage

Inserts the current page number

$pageCount

Inserts the page count for the report

Example 6. Use the following code to insert a repeating header into a report page.

<header>
  <text>Page $currentPage of $pageCount</text>
</header>

This example uses the $currentPage placeholder to insert the current page number.
The $pageCount placeholder inserts the page count for the report.
A result of this would be the text Page 2 of 4 in the Header on the second page of a four-page report.

- Back to Element Types -

Inserts a repeating footer at the bottom of every report page.

Example of a page with the footer section highlighted

Figure 3. A footer appears at the bottom of every page of a report

Guidelines

You can only add one <footer> element per XML template.
To prevent content from being cutoff, make sure that the height of a <footer> element is sufficient to show all contents.

Placeholders

Use the following placeholders to insert data into a <footer> element:

Placeholder Description

$currentPage

Inserts the current page number

$pageCount

Inserts the page count for the report

Example 7. Use the following code to insert a repeating footer into a report page

<footer>
  <text>Page $currentPage of $pageCount</text>
</footer>

This example uses the $currentPage placeholder to insert the current page number.
The $pageCount placeholder inserts the page count for the report.

- Back to Element Types -

<background>

Inserts a repeating background image into the <template> element.

Figure 4. A background sits behind the content of the report and can be used for adding watermarks
The <background> element is behind the main section of a report.
Use the <background> element to create a watermark in the report.

Guidelines

You can only add one <background> element per <template> element.

Example 8. Use the following code to insert a <background> element into a <template> element

<template xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" pageSize="LETTER" pageOrientation="portrait" pageMargins="36 225 36 36" xsi:noNamespaceSchemaLocation="fx-report-schema.xsd">
  <background>
    <image name="pagewm" marginTop="144" width="450"/>
  </background>
  <body>
    <text>Hello {{FX5__Tracking_Number__c}}</text>
  </body>
  <images>
    <image name="pagewm" src="data:image/png;base64,BASE64STRING"/>
  </images>
</template>

Replace BASE64STRING with the base64 string for your image.

- Back to Element Types -

<body>

Inserts a non-repeating section into a <template> element.
The <body> element is the main section of a report where you insert its core content.

Figure 5. The <body> section is the main content of the report and sits in front of the <background>

Guidelines

You can only add one <body> element per <template> element.

Example 9. Use the following code to insert a <body> element into a <template> element.

<template>
  <body>body text</body>
</template>

- Back to Element Types -

<columns>

Splits either a report page or a table into columns.

Guidelines

<columns> elements divide a page/table evenly into columns.

Figure 6. Add <columns> to split a page or table evenly into sections across the page

Use the <stack> element (discussed below) to stack the contents of <columns> top to bottom.

Example 10. Use the following code to insert two columns of text onto a report page.

<body>
  <columns>
    <text>text 1</text>
    <text>text 2</text>
  </columns>
</body>

Example 11. Use the following code to insert two columns into a table.

<table>
  <columns>
    <col width="50"/>
    <col width="50"/>
  </columns>
</table>

- Back to Element Types -

<stack>

Stacks the contents of an element vertically.

Figure 7. Stacks divide contents from top to bottom

Example 12. Use the following code to stack two <text> elements vertically in a <columns> element.

<columns>
  <stack>
    <text>text 1</text>
    <text>text 2</text>
  </stack>
</columns>

- Back to Element Types -

<styles>

Stores the style definitions for XML elements.

The <styles> element contains one or more <style> elements.

Guidelines

The <styles> element doesn’t display on report pages and is only used for style purposes.
You must add <style> elements inside the <styles> element to define the individual attributes for each style.

Example 13. Use the following code to define basic styles.

<styles>
  <style name="center" fontSize="7" alignment="center"/>
  <style name="header" bold="true" fontSize="15"/>
  <style name="number" alignment="right"/>
  <style name="tableFooter" fontSize="7" bold="true" color="#ffffff" fillColor="#308DE5"/>
  <style name="tableHeader" fontSize="7" bold="true" color="#ffffff" fillColor="#003399"/>
  <style name="tableSubhead" fontSize="7" bold="true" fillColor="#bfbfbf"/>
  <style name="text" fontSize="7" alignment="left" />
</styles>

- Back to Element Types -

<style>

Stores the attributes for a style used to change the appearance of XML elements.

Guidelines

You must add <style> elements inside a <styles> element.

Attributes

Use XML attributes to control the appearance of <style> elements.

Example 14. Use the following code to define a basic text style.

<styles>
  <style name="text" alignment="left" fontSize="7"/>
</styles>

- Back to Element Types -

Table Elements

<table>

Base element for a table.

Guidelines

Once you add a <table> element, you can add other elements inside of it to build the table.

Example of a tableHeader and tableBody elements on a page

Figure 8. A table with a header and body section

Example 15. Use the following code to insert a basic table

<table columnWidths="* *">
  <tableHeader>
    <row>
      <cell>cell 1</cell>
      <cell>cell 2</cell>
    </row>
  </tableHeader>
  <tableBody>
    <row>
      <cell>cell 1</cell>
      <cell>cell 2</cell>
    </row>
  </tableBody>
</table>

The columnWidths attribute sets the width for every column in the table.
The <tableHeader> element inserts a repeating header.
The <tableBody> element inserts a non-repeating table body.
The <row> elements insert rows.
The <cell> elements insert cells into the rows.

Example 16. Use the following code to insert a basic table and define columns individually

<table>
  <columns>
    <col width="*"/>
    <col width="*"/>
  </columns>
  <tableHeader>
    <row>
      <cell>cell 1</cell>
      <cell>cell 2</cell>
    </row>
  </tableHeader>
  <tableBody>
    <row>
      <cell>cell 1</cell>
      <cell>cell 2</cell>
    </row>
  </tableBody>
</table>

The <columns> element and the col width attributes inside it, set the width for every column in the table.
The <tableHeader> element inserts a repeating header.
The <tableBody> element inserts a non-repeating table body.
The <row> elements insert rows.
The <cell> elements insert cells into the rows.

- Back to Element Types -

<tableHeader>

Inserts a repeating header into a <table> element.

<tableHeader> elements display at the top of a table on every page where the table displays.

Example of the Table Header element highlighted

Figure 9. The <tableHeader> creates the initial row usually used for column heading and repeats the row(s) after a page break

Guidelines

You can only add one <tableHeader> element per <table> element.

Example 17. Use the following code to insert a <tableHeader> element into a <table>

<table>
  <tableHeader>
    <row>
      <cell>cell 1</cell>
      <cell>cell 2</cell>
    </row>
  </tableHeader>
</table>

- Back to Element Types -

<tableBody>

Inserts a non-repeating body section into a <table> element.

Figure 10. <tableBody> contains the main contents of the table

Guidelines

You can only add one <tableBody> element per <table> element.

Example 18. Use the following code to insert a <tableBody> element into a <table> showing ticket items.

<table>
  <tableBody>
    <row>
      <cell>cell 1</cell>
      <cell>cell 2</cell>
    </row>
  </tableBody>
</table>

- Back to Element Types -

<row>

Inserts a row into a <table>.

Figure 11. A <row> inserts one line of data into a <table>

Guidelines

<table> elements must contain <row> elements.

You can embed <cell> elements inside <row> elements.

Each <row> must have the same number of <cell> elements.

Example 19. Use the following code to insert two rows into a <table>

<table>
  <tableBody>
    <row>row 1</row>
    <row>row 2</row>
  </tableBody>
</table>

- Back to Element Types -

<cell>

Inserts a cell into the <row> of a <table>.

Figure 12. A <cell> is one piece of data within a row

Guidelines

You must add <cell> elements inside of <row> elements.

Each <row> must have the same number of <cell> elements.

Attributes

You can add the following special attributes to a <cell> element:

colSpan to use an element across more than one column
rowSpan to use an element across more than one row

Example 20. Use the following code to insert <cell> elements into the <row> of a <table>

<row>
  <cell>cell 1</cell>
  <cell>cell 2</cell>
</row>

- Back to Element Types -

<emptyCell>

Inserts an empty cell into the <row> of a <table> that contains no data

Figure 13. Use an emptyCell to leave a cell of a row blank, with no data

Guidelines

When you use the colSpan attribute to make a <cell> display across multiple columns, you must add <emptyCell> placeholders for each <cell> where you don’t want to display data.

Example 21. Use the following code to insert <emptyCell> elements into the <row> of a <table>.

<row>
  <cell style="text" alignment="right" colSpan="6">{{RecordType_DeveloperName}} Total</cell>
  <emptyCell />
  <emptyCell />
  <emptyCell />
  <emptyCell />
  <emptyCell />
  <cell style="number" bold="true">${{sum items "Extended_Amount__c"}}</cell>
</row>

This example uses the colSpan attribute to merge the first six cells of the <row> together.

When you use colSpan, you must add <emptyCell> placeholders for each empty cell you want to merge.

- Back to Element Types -

Image Elements

<images>

Stores the source code for images included on a report.

(Optional) Store the source code required to insert the contents of a long text area field.

Guidelines

You must add <image> elements inside the <images> element to define the source for each image.

Example 22. Use the following code to include an image encoded in a base64 string

<images>
  <image name="companyLogo" src="data:image/png;base64,BASE64STRING"/>
</images>

Replace BASE64STRING with the base64 string for your image.

Example 23. Use the following code to include an image from an online source

<images>
  <image name="customerLogo" source="https://www.pexels.com/photo/gray-industrial-machine-during-golden-hour-162568/"/>
</images>

Replace "https://www.pexels.com/photo/gray-industrial-machine-during-golden-hour-162568/" with the URL for your online source.

Example 24. Use the following code to insert the contents of a long text area field

<images>
  <image width='108' height='50.4'>{{FX5__Job__r.FX5__Office__r.Office_Logo__c}}</image>
</images>

- Back to Element Types -

<image>

Inserts an image or the contents of a long text area field.

Guidelines

You can only insert .jpeg or .png images.

Image Sizing

Use the width and height attributes to define the size of <image> elements.

Images resize to fit the dimensions specified for the <image> element.

Remember the following when working with images:

72pt = 1 inch
300px = 1 inch

Example 25. Use the following code to insert an image encoded in a base64 string

Add an <image> element in the exact place where you want the image to go
```
<image name="companyLogo" width="144"/>
```
This element also stores the attributes for the image.
Add a second <image> element inside the <images> collection at the end of the template
```
<images>
  <image name="companyLogo" src="data:image/png;base64,BASE64STRING"/>
</images>
```
This element stores the source code for the image.

The name attribute links this element to the first <image> element.

Replace BASE64STRING with the base64 string for your image.

Example 26. Use the following code to insert an image from an online source

Add an <image> element in the exact place where you want the image to go.
```
<image name="customerLogo" width="144" marginLeft="40"/>
```
This element also stores the attributes for the image.
Next, add a second <image> element inside an <images> element at the end of the template
```
<images>
  <image name="customerLogo" src="https://i.imgur.com/B3NJGly.jpg"/>
</images>
```
This element stores the source code for the image.

The name attribute links this element to the first <image> element.

Replace "https://i.imgur.com/B3NJGly.jpg" with the URL for your image.

Example 27. Use the following code to insert an image encoded in a base64 string

<image width="144">data:image/png;base64,BASE64STRING</image>

This example places the base64 string directly into the template, without the need to reference the image source separately.

Replace BASE64STRING with the base64 string for your image.

Example 28. Use the following code to insert the contents of a long text area field

<image width='108' height='50.4'>{{FX5__Job__r.FX5__Office__r.Office_Logo__c}}</image>

- Back to Element Types -

<imageCapture>

Inserts an interactive image placeholder.

Figure 14. <imageCapture> allows users to take and/or attach a picture of a signature

Use this placeholder to attach an image to a report, such as a photo or stamp.

You can also use the placeholder to attach an image already attached to the parent record.

Guidelines

You can only insert .jpeg or .png images in the placeholder.

If you insert an image that has larger dimensions than the placeholder, the image resizes to fit the space.
When you attach an image to a report, the image also gets added as an attachment to the parent record.

Example 29. Use the following code to insert a 216pt x 72pt image placeholder

<imageCapture id="Operator Stamp" caption="Operator Stamp" width="216" height="72"/>

The id attribute serves as a unique identifier for the image placeholder.

The caption attribute makes the image placeholder display available for completion when attaching the report to a record.

Example 30. Use the following code to insert an image placeholder that has a watermark of the ticket’s tracking number

<imageCapture id="Operator Stamp" caption="Operator Stamp" width="216" height="72">
  <watermark rasterize="true">
    <text color="gray" fontSize="20">{{FX5__Tracking_Number__c}}</text>
  </watermark>
</imageCapture>

The id attribute serves as a unique identifier for the image placeholder.

The caption attribute makes the image placeholder display available for completion when attaching the report to a record.
The rasterize attribute converts the tracking number into a watermark image.

- Back to Element Types -

<qr>

Generates a QR code for the specified content.

Example 31. Use the following code to insert a QR code for a URL

<qr fit="100">https://www.servicemax.com</qr>

The fit attribute sets the size of the QR code to 100pt.

Replace https://www.servicemax.com with the URL the user should go to with the QR code.

- Back to Element Types -

Signature Elements

<CaptureHeaderTemplate> Block | <signatureBlock> | <signatureBlock> | <watermark>

<captureHeaderTemplate> Block

Use the <captureHeaderTemplate> tag to insert lines of text on the signature capture page above the signature block.

This custom text displays in both FieldFX Mobile and FieldFX Back Office.

Use this with the <signatureBlock> element.

Example of a custom text block on FieldFX Mobile above a signature capture

Guidelines

Place the <captureHeaderTemplate> just before the <signatureBlock> element in the template.
Include one or more <captureHeaderRow></captureHeaderRow> content rows within the opening and closing <captureHeaderTemplate> tags
Contents of the <captureHeaderRow> tag can use
- Handlebars
- Standard XML formatting tags such as <data>, <formatDate>, or <formatDateTime>

Attributes

<captureHeaderTemplate>+ (Optional) position

Valid values are

top: Places the text block at the top of the screen.

This is the default value if position is not defined.

right: Floats the text block to the right of the screen.

Example 32. Example of position

<captureHeaderTemplate position="right">
  <captureHeaderRow>row contents</captureHeaderRow>
</captureHeaderTemplate>

<captureHeaderRow>

label: content to place in the left column of the block for the row
value: content to place in the right column of the block for the row

The value attribute is optional. You can instead place the XML elements or other contents for the right column between the opening and closing <captureHeaderRow> tags.
Example 33. Adding row contents in the value attribute
<captureHeaderTemplate position="right"> <captureHeaderRow label="LOCATION" value="{{FX5__Office__r.Name}}"> </captureHeaderRow> </captureHeaderTemplate>
Example 34. Placing the right column content between opening and closing tags
<captureHeaderTemplate> <captureHeaderRow label="LOCATION" > <data field="FX5__Office__r.Name"/> </captureHeaderRow> </captureHeaderTemplate>

Examples

Example 35. <signatureCaptureTemplate> block without using value attribute

<captureHeaderTemplate>
  <captureHeaderRow label="JOB">
    <data field="Name"/>
  </captureHeaderRow>
  <captureHeaderRow label="CUSTOMER" >
    <data field="FX5__CustomerAccount__r.Name"/>
  </captureHeaderRow>
  <captureHeaderRow label="LOCATION" >
    <data field="FX5__Office__r.Name"/>
  </captureHeaderRow>
  <captureHeaderRow label="PRICE BOOK" >
    <data field="FX5__Price_Book__r.Name"/>
  </captureHeaderRow>
  <captureHeaderRow label="WORK START" >
    <formatDateTime field="FX5__Actual_Start_Date__c" format="MM/DD/YY h:mm A"/>
  </captureHeaderRow>
  <captureHeaderRow label="WORK END" >
    <formatDateTime field="FX5__Actual_End_Date__c" format="MM/DD/YY h:mm A"/>
  </captureHeaderRow>
</captureHeaderTemplate>

Example 36. <signatureCaptureTemplate> block with content in the value attribute

<captureHeaderTemplate position="right">
  <captureHeaderRow label="JOB" value="{{Name}}" />
  <captureHeaderRow label="CUSTOMER" value="{{FX5__CustomerAccount__r.Name}}" />
  <captureHeaderRow label="LOCATION" value="{{FX5__Office__r.Name}}" />
  <captureHeaderRow label="PRICE BOOK" value="{{FX5__Price_Book__r.Name}}" />
  <captureHeaderRow label="WORK START" value="{{formatDateTime FX5__Actual_Start_Date__c format="MM/DD/YY h:mm A"/}}" />
  <captureHeaderRow label="WORK END" value="{{formatDateTime FX5__Actual_End_Date__c format="MM/DD/YY h:mm A"/}}" />
</captureHeaderTemplate>

- Back to Element Types -

<signatureBlock>

Inserts an interactive signature line.

Figure 15. <signatureBlock> adds a visual space for a signature

Use this signature line to capture digital signatures on reports.

Guidelines

If you insert an image that has larger dimensions than the placeholder, the image resizes to fit the space.

Example 37. Use the following code to insert a basic signature line

<signatureBlock id="Company Man Signature" caption="Company Man Signature" width="220" height="50">
  <watermark>data:image/png;base64,BASE64STRING"</watermark>
</signatureBlock>

The id attribute serves as a unique identifier for the signature line.
The caption attribute makes the signature line display available for completion when attaching the report to a record.

Example 38. Use the following multiple signature lines, use a field as the unique identifier for each signature line.

[]`signatureBlock id="{{FX5__SyncID__c}}"`

The <watermark> element inserts a visual indicator so users know where to add signatures, such as the blue shading in the following example:

The <watermark> element is discussed in this article.

- Back to Element Types -

<watermark>

Inserts an image into a <signatureBlock> element.

Use to add a visual indicator so users know where to add signatures.

Guidelines

To use an image, you must encode the image to a base64 string and enter the string in the <watermark> element.

You can only insert .jpeg or .png images.

Image Sizing

Remember the following when working with images:

72pt = 1 inch
300px = 1 inch

Images resize to fit the dimensions specified for the <signatureBlock> element.

Example 39. Image Resize

If you insert a 900px wide image and set the width for the <signatureBlock> element to 144pt, the image resizes to 600px wide

Attributes

You can add the following special attributes to a <watermark> element:

rasterize

Example 40. Insert the standard signature line image.

Figure 16. The blue shading around a signature box is added with the use of a <watermark> element

Add a <watermark> element inside the <signatureBlock> element

<signatureBlock id="customerSignature" width="216" height="72">
  <watermark name="watermark"></watermark>
</signatureBlock>

Add a second <watermark> element inside the <images> collection at the end of the template.

<images>
  <image name="watermark" src="data:image/png;base64,/9j/4AAQSkZJRgABAQEAYABgAAD..."/>
</images>

User your own image’s base64 encoding instead of the encoding in this example.

This element stores the source code for the signature line image.

The name attribute links this element to the first <watermark> element.
Remember, spaces are not allowed in the `name `attribute.

Example 41. Insert the standard signature line image without a separate <images> section

<signatureBlock id="customerSignature" width="216" height="72">
  <watermark>data:image/png;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/...==</watermark>
</signatureBlock>

- Back to Element Types -

Text Elements

<text>

Inserts text.

Guidelines

You can use spaces and line breaks inside of <text> elements.
You can also add <text> elements inside other <text> elements.
When using <text> elements inside <cell> elements, all text must be enclosed in a <text> element.

Example 42. Use the following code to insert terms and conditions text

<text>As the representative for the company listed above, I acknowledge that the work performed has been done in a professional and acceptable manner. I also understand that the amounts for which I am signing are not the final invoiced amounts. Final invoice amounts will include, if applicable, any required Federal, State, County, and Local taxes along with any outstanding third party charges.</text>

Replace the language with your company’s approved message.

- Back to Element Types -

<textTransform>

Inserts specially formatted text.

Example 43. Use the following code to display text rotated vertically inside of cells in a table

<cell rowSpan="2"><textTransform rotate="270" fontSize="7">CLIENT INFO</textTransform></cell>

This example uses the rowSpan attribute to merge two rows and display the rotated text across both rows.
The rotate attribute rotates the text 270 degrees.

<rtf>

Inserts the contents of a long text area or rich text area field.

Limitations

When you embed an image in a rich text area field, the image only displays on a report if:

You are online
You are offline and embedded the image yourself in the current session

The following tags are supported in an <rtf> field:

<p>- paragraph
<br> - line break
<img> - image
<li> - list item
<ol> - ordered (numbered) list
<ul> - unordered (bulleted) list
<b> - bold
<i> - italic
<u> - underline
<strike> - strikethrough

The conversion to PDF may result in unexpected results. Always test your reports.

Example 44. Use the following code to insert the contents of a rich text area field named Job Photos

<rtf maxImageSize="300"><![CDATA[{{{FX5__Job__r.Job_Photos__c}}}]]></rtf>

You must use triple curly brackets {{{ }}} for expressions inside the <rtf> element.

The maxImageSize attribute downsizes images proportionately to have a height or width no greater than 300pt.

- Back to Element Types -