HTML

Introduction

The HTML Report Element enables you to customize the report using HTML and CSS, allowing for advanced styling and functionality.

Get started

How to use it

To use the HTML Report Element:

1. In your report designer, find the HTML element in the palette.
2. Drag and drop it onto the report canvas where you need the space.

Configure HTML properties

Field to configure:

• HTML: To apply a custom font to the Report, set an HTML Field on the report and use the following script:
  

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Courier+Prime:ital@1&display=swap" rel="stylesheet">
  <style type="text/css">
      .form {
          font-family: 'Courier Prime', monospace;
          font-style: italic;
      }
   
      @media print {
          * {
              font-family: 'Courier Prime', monospace;
              font-style: italic;
          }
      }
  </style>

This script applies the Courier Prime font to the form and the generated report PDF. You can adjust the script accordingly to match your requirements.