Directory

← Back

Barcodes

Generate barcodes and QR codes for Vaadin

Author

Rating

Popularity

200+

Generate barcode and QR Codes for your Vaadin application. Backed up by bwip-js (and BWIPP) you can generate over 100 different kind of encoded barcodes and QR codes.

Usage

Barcode qrcode = new Barcode("https://vaadin.com/directory/component/barcodes/",
        Barcode.Type.qrcode,
        "200px",
        "200px");
add(qrcode);

Full list of supported barcode and QR code types can be found below.

Vaadin 8

This component is exclusively for Vaadin 14 and if you are looking a solution for Vaadin 8, have a look at https://vaadin.com/directory/component/qrcode.

Links

Supported Barcode Types

  • auspost : AusPost 4 State Customer Code
  • azteccode : Aztec Code
  • azteccodecompact : Compact Aztec Code
  • aztecrune : Aztec Runes
  • bc412 : BC412
  • channelcode : Channel Code
  • codablockf : Codablock F
  • code11 : Code 11
  • code128 : Code 128
  • code16k : Code 16K
  • code2of5 : Code 25
  • code32 : Italian Pharmacode
  • code39 : Code 39
  • code39ext : Code 39 Extended
  • code49 : Code 49
  • code93 : Code 93
  • code93ext : Code 93 Extended
  • codeone : Code One
  • coop2of5 : COOP 2 of 5
  • daft : Custom 4 state symbology
  • databarexpanded : GS1 DataBar Expanded
  • databarexpandedcomposite : GS1 DataBar Expanded Composite
  • databarexpandedstacked : GS1 DataBar Expanded Stacked
  • databarexpandedstackedcomposite : GS1 DataBar Expanded Stacked Composite
  • databarlimited : GS1 DataBar Limited
  • databarlimitedcomposite : GS1 DataBar Limited Composite
  • databaromni : GS1 DataBar Omnidirectional
  • databaromnicomposite : GS1 DataBar Omnidirectional Composite
  • databarstacked : GS1 DataBar Stacked
  • databarstackedcomposite : GS1 DataBar Stacked Composite
  • databarstackedomni : GS1 DataBar Stacked Omnidirectional
  • databarstackedomnicomposite : GS1 DataBar Stacked Omnidirectional Composite
  • databartruncated : GS1 DataBar Truncated
  • databartruncatedcomposite : GS1 DataBar Truncated Composite
  • datalogic2of5 : Datalogic 2 of 5
  • datamatrix : Data Matrix
  • datamatrixrectangular : Data Matrix Rectangular
  • datamatrixrectangularextension : Data Matrix Rectangular Extension
  • dotcode : DotCode
  • ean13 : EAN-13
  • ean13composite : EAN-13 Composite
  • ean14 : GS1-14
  • ean2 : EAN-2 (2 digit addon)
  • ean5 : EAN-5 (5 digit addon)
  • ean8 : EAN-8
  • ean8composite : EAN-8 Composite
  • flattermarken : Flattermarken
  • gs1-128 : GS1-128
  • gs1-128composite : GS1-128 Composite
  • gs1-cc : GS1 Composite 2D Component
  • gs1datamatrix : GS1 Data Matrix
  • gs1datamatrixrectangular : GS1 Data Matrix Rectangular
  • gs1northamericancoupon : GS1 North American Coupon
  • gs1qrcode : GS1 QR Code
  • hanxin : Han Xin Code
  • hibcazteccode : HIBC Aztec Code
  • hibccodablockf : HIBC Codablock F
  • hibccode128 : HIBC Code 128
  • hibccode39 : HIBC Code 39
  • hibcdatamatrix : HIBC Data Matrix
  • hibcdatamatrixrectangular : HIBC Data Matrix Rectangular
  • hibcmicropdf417 : HIBC MicroPDF417
  • hibcpdf417 : HIBC PDF417
  • hibcqrcode : HIBC QR Code
  • iata2of5 : IATA 2 of 5
  • identcode : Deutsche Post Identcode
  • industrial2of5 : Industrial 2 of 5
  • interleaved2of5 : Interleaved 2 of 5 (ITF)
  • isbn : ISBN
  • ismn : ISMN
  • issn : ISSN
  • itf14 : ITF-14
  • japanpost : Japan Post 4 State Customer Code
  • kix : Royal Dutch TPG Post KIX
  • leitcode : Deutsche Post Leitcode
  • mailmark : Royal Mail Mailmark
  • matrix2of5 : Matrix 2 of 5
  • maxicode : MaxiCode
  • micropdf417 : MicroPDF417
  • microqrcode : Micro QR Code
  • msi : MSI Modified Plessey
  • onecode : USPS Intelligent Mail
  • pdf417 : PDF417
  • pdf417compact : Compact PDF417
  • pharmacode : Pharmaceutical Binary Code
  • pharmacode2 : Two-track Pharmacode
  • planet : USPS PLANET
  • plessey : Plessey UK
  • posicode : PosiCode
  • postnet : USPS POSTNET
  • pzn : Pharmazentralnummer (PZN)
  • qrcode : QR Code
  • rationalizedCodabar : Codabar
  • raw : Custom 1D symbology
  • royalmail : Royal Mail 4 State Customer Code
  • sscc18 : SSCC-18
  • symbol : Miscellaneous symbols
  • telepen : Telepen
  • telepennumeric : Telepen Numeric
  • ultracode : Ultracode
  • upca : UPC-A
  • upcacomposite : UPC-A Composite
  • upce : UPC-E
  • upcecomposite : UPC-E Composite

Sample code

// Defaults defaults
Barcode qrcode = new Barcode("https://vaadin.com/directory/component/barcodes/",
        Barcode.Type.qrcode,
        "200px",
        "200px");
add(qrcode);

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Initial public release.

Released
2020-03-27
Maturity
BETA
License
Apache License 2.0

Compatibility

Framework
Vaadin 14+
Browser
Browser Independent

Barcodes - Vaadin Add-on Directory

Generate barcodes and QR codes for Vaadin Barcodes - Vaadin Add-on Directory
Generate barcode and QR Codes for your Vaadin application. Backed up by [bwip-js](https://github.com/metafloor/bwip-js) (and BWIPP) you can generate over 100 different kind of encoded barcodes and QR codes. ### Usage ``` Barcode qrcode = new Barcode("https://vaadin.com/directory/component/barcodes/", Barcode.Type.qrcode, "200px", "200px"); add(qrcode); ``` Full list of supported barcode and QR code types can be found below. ### Vaadin 8 This component is exclusively for Vaadin 14 and if you are looking a solution for Vaadin 8, have a look at https://vaadin.com/directory/component/qrcode. ### Links * [bwip-js in GitHub](https://github.com/metafloor/bwip-js) * [BWIPP Documentation](https://github.com/bwipp/postscriptbarcode/wiki) ### Supported Barcode Types - auspost : AusPost 4 State Customer Code - azteccode : Aztec Code - azteccodecompact : Compact Aztec Code - aztecrune : Aztec Runes - bc412 : BC412 - channelcode : Channel Code - codablockf : Codablock F - code11 : Code 11 - code128 : Code 128 - code16k : Code 16K - code2of5 : Code 25 - code32 : Italian Pharmacode - code39 : Code 39 - code39ext : Code 39 Extended - code49 : Code 49 - code93 : Code 93 - code93ext : Code 93 Extended - codeone : Code One - coop2of5 : COOP 2 of 5 - daft : Custom 4 state symbology - databarexpanded : GS1 DataBar Expanded - databarexpandedcomposite : GS1 DataBar Expanded Composite - databarexpandedstacked : GS1 DataBar Expanded Stacked - databarexpandedstackedcomposite : GS1 DataBar Expanded Stacked Composite - databarlimited : GS1 DataBar Limited - databarlimitedcomposite : GS1 DataBar Limited Composite - databaromni : GS1 DataBar Omnidirectional - databaromnicomposite : GS1 DataBar Omnidirectional Composite - databarstacked : GS1 DataBar Stacked - databarstackedcomposite : GS1 DataBar Stacked Composite - databarstackedomni : GS1 DataBar Stacked Omnidirectional - databarstackedomnicomposite : GS1 DataBar Stacked Omnidirectional Composite - databartruncated : GS1 DataBar Truncated - databartruncatedcomposite : GS1 DataBar Truncated Composite - datalogic2of5 : Datalogic 2 of 5 - datamatrix : Data Matrix - datamatrixrectangular : Data Matrix Rectangular - datamatrixrectangularextension : Data Matrix Rectangular Extension - dotcode : DotCode - ean13 : EAN-13 - ean13composite : EAN-13 Composite - ean14 : GS1-14 - ean2 : EAN-2 (2 digit addon) - ean5 : EAN-5 (5 digit addon) - ean8 : EAN-8 - ean8composite : EAN-8 Composite - flattermarken : Flattermarken - gs1-128 : GS1-128 - gs1-128composite : GS1-128 Composite - gs1-cc : GS1 Composite 2D Component - gs1datamatrix : GS1 Data Matrix - gs1datamatrixrectangular : GS1 Data Matrix Rectangular - gs1northamericancoupon : GS1 North American Coupon - gs1qrcode : GS1 QR Code - hanxin : Han Xin Code - hibcazteccode : HIBC Aztec Code - hibccodablockf : HIBC Codablock F - hibccode128 : HIBC Code 128 - hibccode39 : HIBC Code 39 - hibcdatamatrix : HIBC Data Matrix - hibcdatamatrixrectangular : HIBC Data Matrix Rectangular - hibcmicropdf417 : HIBC MicroPDF417 - hibcpdf417 : HIBC PDF417 - hibcqrcode : HIBC QR Code - iata2of5 : IATA 2 of 5 - identcode : Deutsche Post Identcode - industrial2of5 : Industrial 2 of 5 - interleaved2of5 : Interleaved 2 of 5 (ITF) - isbn : ISBN - ismn : ISMN - issn : ISSN - itf14 : ITF-14 - japanpost : Japan Post 4 State Customer Code - kix : Royal Dutch TPG Post KIX - leitcode : Deutsche Post Leitcode - mailmark : Royal Mail Mailmark - matrix2of5 : Matrix 2 of 5 - maxicode : MaxiCode - micropdf417 : MicroPDF417 - microqrcode : Micro QR Code - msi : MSI Modified Plessey - onecode : USPS Intelligent Mail - pdf417 : PDF417 - pdf417compact : Compact PDF417 - pharmacode : Pharmaceutical Binary Code - pharmacode2 : Two-track Pharmacode - planet : USPS PLANET - plessey : Plessey UK - posicode : PosiCode - postnet : USPS POSTNET - pzn : Pharmazentralnummer (PZN) - qrcode : QR Code - rationalizedCodabar : Codabar - raw : Custom 1D symbology - royalmail : Royal Mail 4 State Customer Code - sscc18 : SSCC-18 - symbol : Miscellaneous symbols - telepen : Telepen - telepennumeric : Telepen Numeric - ultracode : Ultracode - upca : UPC-A - upcacomposite : UPC-A Composite - upce : UPC-E - upcecomposite : UPC-E Composite
Online