Barcode Renderer

Check out the functionality of the Barcode Renderer element!

Barcode Randerer provides the representation of the statically or dynamically added value in the selected Barcode standard.

Adding Barcode Renderer

You can drag and drop the Barcode Renderer element to the screen from the Elements panel. If you drag it to an empty area on the screen, it is added with the Row element. If you drag it into a Column you just add the Barcode Renderer element.

The Barcode Renderer only supports web applications. It does not support mobile applications.

You can define the format type to be displayed with the static/dynamic value settings. You can give role-based authorizations to the element as well as set its visibility with show/hide/conditional options.


You can add a static value to the Value field, or you can dynamically bring a state, Input element content or a value of an action result via Symbol Picker.


In the Barcode Renderer, there's a Formatter

When the Barcode Renderer element is selected, the properties panel contains a dropdown for Formatter.

In the dropdown, there are barcode codes like EAN13, UPC, EAN18, EAN15, CODE128A, CODE128B, CODE39, ITF14, MSI, MSI10, MSI11, MSI1010, MSI1110, Pharmacode, etc.

  • EAN13: A 13-digit barcode code for international product identification.

  • UPC: Universal product code used in North America.

  • EAN18: 18-digit barcode that can carry more information.

  • EAN15: 15-digit barcode code used for special labeling.

  • Code128A, Code128B, Code128C: High-density barcodes representing different character sets.

  • Code39: Low-density barcode that includes letters, numbers, and special characters.

  • ITF14: 14-digit barcode used for cartons and logistics.

  • MSI, MSI10, MSI11, MSI1010, MSI1110: Modulus barcodes processed with modes like 10 and 11.

  • Pharmacode: A special barcode code that identifies drug packaging.

You can choose the one that suits you from the world standard Barcode formats. Barcode Renderer; It will display it in the selected format with the value it receives from the Value section.


You can use the authorization options for the Barcode Renderer element.


You can manage the visibility of the element. It is always visible, hidden, or you can make it appear or hide depending on a condition.

You can add actions that you can add to the Barcode Renderer element with Add Actions.

You can make additional edits by adding a layout, border, or shadow to the Barcode Renderer element.

You can make visual adjustments such as environmental interior spaces and sizing.

You can add lines and corner bevels to the outer edges of Barcode Renderer.

You can add a shadow effect to the Barcode Renderer element.

Last updated