Advanced PDF Templates in Netsuite

Advanced PDF Templates in Netsuite

Category : Uncategorized

The Advanced PDF/HTML Templates feature supports an alternative model for customizing printed and emailed transactions. This model supports more customization capabilities than transaction form layouts, also known as basic layouts.

Enabling advanced PDF/HTML template:   

Setup -> Company- > Enable Features

2022-12-08 (16)

On the Suite Cloud tab, under Suite Builder, ensure that the Advanced PDF/HTML Templates box is checked.

Printing types:

Basic: Associate basic PDF layouts and HTML layouts with the custom form.images are not supported.

Advanced:Associate advanced templates with the custom form. Supported to add images,new features are continuously being added,customize bar code..

Customization->forms->Advanced PDF/HTML templates.

2022-12-07

New window popup.

2022-12-08 (1)

 The Advanced PDF/HTML Templates list page includes:

  • Standard advanced templates
  • Customized advanced templates that have been created in the account. If a customized template has been installed from a bundle, the list also shows the ID of the bundle.

To customize :

2022-12-08 (3)
  • Click on customize option.

New window :

2022-12-08 (4)

Click template setup:

2022-12-08 (6)

Give details:

  1. Title (name)
  2. Description.
  3. Whether the template is preferred for the transaction type.
  4. Script ID, which is assigned automatically if you leave this field blank.
  5. Layout setup(page orientation , page size etc..).
  6. Save.
2022-12-09

Editing type:

  1. WYSIWYG Editing in the Template Editor.
  2. Source Code Editing in the Template Editor.

WYSIWYG Editing in the Template Editor:

New element option:

IMG_256
  1. Add Field button: Add a field to the template. 
  2. Add Text button: Add text to the template. 
  3. Add Image button: Add an image to the template.
  4. Add Table button: Add a table to the template.
  5. Add Page Number button:Add the page number to the template.
  6. Add Total Pages button :Add the total number of pages to the template.
  7. Add Page Break button:Add a page break to the template. If you want to remove the page breaks, you must switch to Source Code view.
  8. Add Horizontal Line button:Add a horizontal line to the template.
  9. Add Template Header Toggle button:Toggle button to remove or add the template header.
  10. Add Template footer Toggle button:Toggle button to remove or add the template  footer.

Style option:

2022-12-08 (8)

If the Styles toolbar does not appear, select the text that you want to format, and then click Styles. The Styles toolbar  will appear with following text formatting functions:

  • Formatting Styles,
  • Paragraph Formats,
  • Font Name,
  • Font Size
  • Text 
  • Color
  • Background Color.

Source Code Editing in the Template Editor:

  • Edit the HTML markup source to customize  advanced PDF/HTML template 
  • We can make template edits directly in this markup source by using  HTML.
  • Some customization options such as adding a bar code or sublist data to your advanced template must be done by editing the source code.
  • Using HTML & CSS. We can edit the source code.

To customize the template enable the source code then HTML page will open.

2022-12-08 (7)

Example for basic code for head, header,footer,watermark,body:

2022-12-08 (12)

Basic Syntax

Fields: ${‌record.fieldId}.

Print the field’s label: ${record.fieldId@label}.

Sublist:for item sublist:

${record.sublistid.fieldId}.

<#list record.item as item>

                    ${‌item.itemName} 

${‌item.amount}

</#list> 

Table: <table style=….>

                   <tr>…………table row

                          <th>…data…</th>………………table heading.

                          …………..

                    </tr>

                    <tr>………………next row

                         <td>……data…..</td>………..data

                          …….

                       </tr>

              </table>.

Barcode:             

 <barcode codetype=”qrcode” showtext=”false” height=”150″ width=”150value=”…”/>

After customization:

  •      Preview         
2022-12-08 (13)

Result:

To conform that new template is using for printing:

Customize-> customize form

2022-12-08 (17)

Click customization form

2022-12-08 (19)

Printing type:advanced

Print template :select the customized template to print.

Email template:select the template to be emailed.