Class SfQRCodeGenerator
Specifies all the properties for the QRCode to be rendered.
Inherited Members
Namespace: Syncfusion.Blazor.BarcodeGenerator
Assembly: Syncfusion.Blazor.dll
Syntax
public class SfQRCodeGenerator : SfBaseComponent
Examples
<SfQRCodeGenerator Width="200" Height="200" Version="QRCodeVersion.Version40" Value="65213323" BackgroundColor="white" ForeColor="black" OnValidationFailed="@OnInvalid">
<QRCodeGeneratorDisplayText Text = "" Font="monospace" Size="25" Alignment="Alignment.Left" Position="TextPosition.Top">
<QRCodeTextMargin Left = "0" Top="0" Right="0" Bottom="0"></QRCodeTextMargin>
</QRCodeGeneratorDisplayText>
<QRMargin Left = "10" Top="10" Right="10" Bottom="10"></QRMargin>
</SfQRCodeGenerator>
@code{
public void OnInvalid(ValidationFailedEventArgs args)
{
}
}
Constructors
SfQRCodeGenerator()
Declaration
public SfQRCodeGenerator()
Properties
BackgroundColor
Specifies the background color of the QRCode. By default, it is set to white.
Declaration
public string BackgroundColor { get; set; }
Property Value
Type | Description |
---|---|
System.String | Accepts the string value representing a CSS color code for the background color of qr code. The default value is white. |
ChildContent
Sets content for QRCode generator element including HTML support and its customizations.
Declaration
public RenderFragment ChildContent { get; set; }
Property Value
Type | Description |
---|---|
Microsoft.AspNetCore.Components.RenderFragment | Accepts a RenderFragment that defines the content of the UI element. |
DisplayText
Specifies the text properties for the QRCode.
Declaration
public QRCodeGeneratorDisplayText DisplayText { get; set; }
Property Value
Type | Description |
---|---|
QRCodeGeneratorDisplayText | Displays a customized text of QR code. |
ErrorCorrectionLevel
Specifies the error correction level of the QR code.
Declaration
public ErrorCorrectionLevel ErrorCorrectionLevel { get; set; }
Property Value
Type | Description |
---|---|
ErrorCorrectionLevel | Displays the error correction level. The default error correction level is low. |
ForeColor
Specifies the line and text color of the QRCode. By default, it is set to black.
Declaration
public string ForeColor { get; set; }
Property Value
Type | Description |
---|---|
System.String | Accepts the string value. The default value is black. |
Height
Specifies the height of the QRCode model. By default, it is set to 100%.
Declaration
public string Height { get; set; }
Property Value
Type | Description |
---|---|
System.String | Accepts the string value. The default value is |
Logo
Gets or sets the logo image that will be displayed in the center of the QR code.
Declaration
public QRCodeLogo Logo { get; set; }
Property Value
Type |
---|
QRCodeLogo |
Examples
The following example demonstrates how to set a logo for the QR code in Razor syntax:
<SfQRCodeGenerator Width="150px" Height="150px" Value="Syncfusion">
<QRCodeLogo Width="50" Height="50" ImageSource="images/syncfusion.png"></QRCodeLogo>
</SfQRCodeGenerator>
Margin
Specifies the margin properties for the QRCode. By default, it is set to 10 from all sides.
Declaration
public QRMargin Margin { get; set; }
Property Value
Type | Description |
---|---|
QRMargin | The margin of qr matrix code, represented as a QRMargin object. The default value of all side is |
OnValidationFailed
Triggers when the QRCode input is an invalid string.
Declaration
public EventCallback<ValidationFailedEventArgs> OnValidationFailed { get; set; }
Property Value
Type |
---|
Microsoft.AspNetCore.Components.EventCallback<ValidationFailedEventArgs> |
Value
Specifies the value of the QRCode to be rendered.
Declaration
public string Value { get; set; }
Property Value
Type | Description |
---|---|
System.String | Accepts the string value. |
Version
Specifies the version of the QR code.
Declaration
public QRCodeVersion Version { get; set; }
Property Value
Type | Description |
---|---|
QRCodeVersion | The QR code version can be set to one of the following values between 1 to 40. |
Width
Specifies the width of the QRCode model. By default, it is set to 100%.
Declaration
public string Width { get; set; }
Property Value
Type | Description |
---|---|
System.String | Accepts the string value. The default value is |
XDimension
Represents the width of the smallest element.
Declaration
public double XDimension { get; set; }
Property Value
Type | Description |
---|---|
System.Double | The width of the smallest element in the qr matrix. |
Methods
BuildRenderTree(RenderTreeBuilder)
Declaration
protected override void BuildRenderTree(RenderTreeBuilder __builder)
Parameters
Type | Name | Description |
---|---|---|
Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder | __builder |
Export(String, BarcodeExportType)
Export the barcode as an image in the specified image type and downloads it in the browser.
Declaration
public void Export(string fileName, BarcodeExportType exportType)
Parameters
Type | Name | Description |
---|---|---|
System.String | fileName | Specifies the filename of the barcode image to be download. |
BarcodeExportType | exportType | Specifies the type used to export the barcode. |
ExportAsBase64Image(BarcodeExportType)
Export the barcode as an image in the specified image type and returns it as base64 string.
Declaration
public Task<string> ExportAsBase64Image(BarcodeExportType exportType)
Parameters
Type | Name | Description |
---|---|---|
BarcodeExportType | exportType |
Returns
Type | Description |
---|---|
System.Threading.Tasks.Task<System.String> | Returns the base64 string value. |
OnAfterRenderAsync(Boolean)
The OnAfterRenderAsync method is invoked after the SfQRCodeGenerator component has finished rendering.
Declaration
protected override Task OnAfterRenderAsync(bool firstRender)
Parameters
Type | Name | Description |
---|---|---|
System.Boolean | firstRender | The first time the component instance is rendered is set to true. |
Returns
Type |
---|
System.Threading.Tasks.Task |
Overrides
OnInitializedAsync()
OnInitializedAsync is invoked when the SfQRCodeGenerator component is initialized.
Declaration
protected override Task OnInitializedAsync()
Returns
Type |
---|
System.Threading.Tasks.Task |
Overrides
OnParametersSetAsync()
Sets the parameters for the SfQRCodeGenerator component in the render tree.
Declaration
protected override Task OnParametersSetAsync()
Returns
Type |
---|
System.Threading.Tasks.Task |