Bar Code

Bar code component allows you to dynamically display any value as a QR code.

How to add a static Bar Code

Drag and drop Bar Code component onto page and fill it with any value, such as URL.

Bar Code component settings

  • Component name

  • General tab

    • Value

    • "Display code text" toggle

    • Fill Color

    • Background color

  • Display tab

    • Conditional visibility

    • Spacing

Bar code formats

List of supported bar code formats:

  • CODE128 auto

  • CODE128 A

  • CODE128 B

  • CODE123 C

  • EAN13

  • EAN8

  • EAN5

  • EAN2

  • UPC

  • CODE39

  • ITF14

  • ITF

  • MSI

  • MSI10

  • MSI11

  • MSI1010

  • MSI1110

  • Pharmacode

  • Codabar

How to pass values to Bar Code component

You can pass any value to the component and it will output it as Bar Code.

Let's make an example of displaying SKU as a bar code, referencing the sku from selected row on a table.

You will need:

  1. A table with SKU

  2. Bar code component

A table with SKU

Any table that has SKU as one of the columns will do.

Bar Code and value formula

Add the QR Component anywhere on the page and click on "Fx" button to start typing in your formula. It should have this syntax:


In this example you won't have to type in formula at all, you can just click on the appropriate value from the side window

Interactive guide with example

Last updated