Components | PDF Generator API

PDF Generator API

Table Component
The Table Component allows to iterate over list of data (arrays, lists etc) and it is also possible to filter, sort and group the data. Each table column is a Text Component and provides exactly the same formatting options. In the editor view, the Table Component only displays a single data row. The first row acts as a header and the second row is used as a template to render each row in the data set. All other rows are treated as summary rows and rendered after the data rows. ${frame}[Table CVery popular
Container Component
The "Container" component allows to group other components. It is also possible to iterate arrays if the Data Field is set. In that case, the "Container" is used as a template to render each row in the data set.Very popular
Image Component
The "Image" component allows adding images from multiple sources. You can upload a local file Specify a static URL Create dynamic images using data field values (data field value must be an URL or base64 encoded image string). You may also combine static URLs with data field values. Image Component Importing a base64 encoded image string At first you wouVery popular
Text Component
The Text Component allows to display different string values, but also supports Number and Date formatting. This means that every user can easily format values in the editor and you don't need to pre-formatting them on your side. Date Formatting When using the T separator in a date format you need to escape it the "T" Y-m-dTHH:mm:ss Text component Editable PDF fields ${frame}[EVery popular
Header & Footer Component
The "Header" and "Footer" components extend the "Container" component and allow to group other components. They have a fixed position and will be repeated on every page. There are two options how to use Page Numbering in the editor. Both of them works only in thPopular
Chart Component
The “Chart” component allows you to add data fields as x and y-axis. It is also possible to choose the type of chart. You can set advanced settings according to the chosen type. Chart ComponentPopular
Barcode and QR code Component
The "Barcode" and "QR" components allow rendering barcodes and QR codes from any field in the data set. The "Barcode" component supports multiple barcode types from C39 to EAN, UPC, and PHARMA. QR CodePopular
Checkbox & Radio button Component
The value assigned to a checkbox or radio button is evaluated as boolean (true/false) to determinate if it should be checked or unchecked. If you want to have a group of radio buttons, you need to use the Container component to iterate over the list of items and add the Radio component as a subcomponent. Checkbox Radio button ${frame}[Usecase of Radio button group](https://www.loom.com/embePopular