Blazor Barcode Example - Code 39

Barcode Generator / Getting started / Code 39

This sample visualizes Code 39, a self-checking barcode symbology that consists of uppercase letters, numeric digits, and several special characters. Code 39 is often used to present model numbers. Code 39 is widely used in the automotive and defense industries as a standard label.

Loading Syncfusion Blazor Server Demos…

Allowed input characters: The Code 39 barcode supports all numeric digits (0-9), uppercase alphabetic letters (A-Z), and special characters(-, ., $, /, +, %, space).
Appearance
Value
Width
Height
Background Color
Fore Color
Text Visibility
Margin
Left
Right
Top
Bottom
Text Properties
Top
Bottom
Position
Alignment
Display Text

This sample shows how to create a Code 39 self-checking symbology type barcode image. The Type property can be used to set the barcode type as Code39.

You can customize the barcode's Value, allowing you to modify the barcode content. Adjust its Width, Height, Background Color, and Fore Color to control its size and appearance.

The Text Visibility option lets you choose whether to display the accompanying text. Margin properties such as left, right, top, and bottom define the spacing around the barcode. Text properties allow for fine-tuning text placement and alignment, enabling you to set its Position (e.g., top or bottom) and Alignment (e.g., center, left, or right).

The Download button allows users to save the barcode as an image.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE