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 Barcode Component The Barcode component supports a wide range of barcode types, including popular linear formatPopularChart Component
The Chart component allows you to visualize data by connecting relevant data fields. You can choose from multiple chart types and customize advanced settings based on the selected type. Chart Component Related articles you may find helpful How can I manage the layer order of components? (/en/article/how-can-i-manage-thePopularCheckbox & 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 settings, which makes the comPopularContainer 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. Example JSON dataset:PopularDate 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 section. These settings control how date values are read and displayed. INPUT - ThisFew 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. There are two options how to use Page Numbering inPopularHTML and System Text Component
HTML and System Text Component are designed for more specific use cases when working with HTML or technical content. HTML Component The HTML component is intended for special formatting when displaying HTML content. It removes all inline styles defined in your HTML and instead applies the styles defined in the template editor. This allows for consistent styling across your document, regardless of how the original HTML was styled.Few 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 valuesPopularNumber 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. Auto Increment Auto Increment option allows a unique number to be generated automatically when a new record is added from an array, typically usedFew readersSignature Field
PDF Signature Form Field allows you to sign the document using Adobe Reader. In other PDF readers, the signature field is displayed as a classical signature placeholder, with a name and a line above it. Siganture field in the editor Signature field in Adobe Reader DC Signature field in broFew readersTable Component
The Table Component allows you to iterate over list of data and provides functionality to filter, sort, and group the data. Each table cell is a Text Component with similar formatting options. The table cell type can also be changed, allowing you to work with cells just like with other components in the editor, such as Number, Date, or other components.PopularText Component
The Text Component allows you to display static text, user inputs, or data from external sources. It offers customization options like font size, style, alignment, and color, giving you the flexibility to adjust it to your specific needs. frame TextPopular
