PDF Generator API
Go to website
Back
Articles on:Components
Use Text, Table, Barcode and other components to build your templates.

Categories

  • Components
  • Developer
  • Expression language
  • Forms
  • Integrations
  • PDF Services
  • Release notes
  • Q&A
  • 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 linearPopular
  • Building 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 readers
  • Chart 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 – HorizoPopular
  • Checkbox & 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 componenPopular
  • Container 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 thPopular
  • Date 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 readers
  • Dropdown 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 readers
  • 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. 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 inPopular
  • System 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 readers
  • Image 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 thePopular
  • Number 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 readers
  • Signature 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. ![Signature field inFew readers
  • Table 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. The Table Component doPopular
  • Text 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. The Text Component can also be used to create different expressions using our expression language, offering a variety of ways to format and display content. ${frame}[TextPopular

Not finding what you are looking for?

Chat with us or send us an email.

  • Chat with us
  • Send us an email
© 2026 PDF Generator API