Barcode and QR Code Component
The Barcode and QR Code components allow rendering barcodes and QR codes from data fields in the dataset as well as from static text, offering a flexible approach to displaying both dynamic and predefined information. QR Code Component Generating QR Codes Barcode Component The Barcode component supports a wide range of barcode types, including popular linearPopularBuilding Templates with the AI Assistant
The template editor includes an AI assistant that can build a new template or change an existing one from a plain-language request. You describe what you want, and the assistant creates the components, layout, data fields, and sample data for you. It works for full documents such as invoices as well as for smaller edits like changing colors, adding barcodes, or removing a component. Where to find it Open any template in the editor. The AI assistant lives in the CHAT tab of the righFew readersChart Component
The Chart component allows you to visualize data from your application in a clear and structured way. You can choose from different chart types based on your needs and adjust basic appearance settings such as background color, font color, and font size to improve readability and match your application’s design. Supported Chart Types The Chart component currently supports the following chart types: Bar – Vertical bars used to compare values across categories Horizontal Bar – HorizoPopularCheckbox & Radio Button Component
The Checkbox and Radio Button components are visual elements used to represent binary states or choices. The checked state is controlled by a boolean value, using either true or false, or numeric equivalents 1 or 0, to indicate whether the component should appear checked or unchecked. If you want to allow users to check or change options after the PDF is generated, you can enable the Render as an editable field option in the Advanced tab, which makes the componenPopularContainer Component
The Container component allows you to group other components and iterate over a list of data when a Data Field is set. In this case, the container acts as a row and is used to dynamically render each record from the dataset. Container Component How to set up the container The container iterates over an array when a Data field is set, so the array has to be assigned before thPopularDate Component
The Date component is designed to work specifically with a data field that contains a Date value. A key aspect of using the Date component effectively is understanding how to configure the INPUT and OUTPUT formats, which can be adjusted in the Properties tab. These settings control how date values are read and displayed. Text, Number & Date component Properties TaFew readersDropdown Component
The Dropdown component lets you offer a predefined list of choices in your template and display the one that applies to each generated document. It works well anywhere you need to show one selected option out of a fixed list of values, for example a status, a shipping method, or a plan type. Properties Tab The Position and Dimensions fields work the same as for any other component, and define where the Dropdown sits on the page and how large it is. The remaining settings arFew readersHeader & 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. All the components inserted inside of the header or footer component will be repeated on each page automatically. Usecase of showing a page number in the Footer There are two options how to use Page Numbering inPopularSystem Text and HTML Component
System Text and HTML Component are designed for more specific use cases when working with technical content or HTML. System Text Component The System Text component renders content using a fixed monospace font size 11, ignoring any font size or font family settings from the editor. This component is ideal for displaying technical content such as codes, IDs, or structured text where consistent alignment is important. HTML Component Warning: The HTML component iFew readersImage Component
The Image Component allows you to easily upload images from multiple sources into generated PDF documents. You can upload your images as: Local file Static URL Dynamic images via data field values (URL or base64 encoded string) Combination of static URLs and data field values The image URL must be publicly accessible to render in the document. Image Component At thePopularNumber Component
The Number component is designed to display and format numeric data from your JSON dataset, offering customization options such as adjusting decimal places and modifying thousands and decimal separators. Text, Number & Date component Properties Tab Besides the basic settings of the component, such as its position and size, the Properties tab of the Number component offerFew readersSignature Field
The Signature field marks the place in the document where a signature is added. It is a PDF Signature Form Field, which allows you to sign the document using Adobe Reader or in the Document Viewer of PDF Generator API. In other PDF readers, the signature field is displayed as a classical signature placeholder, with a name and a line above it. 