Basic usage:
<SignaturePad OnResult="((e) => Result=e)" BtnCssClass="btn btn-outline-success" />
Button CSS model:
<SignaturePad OnResult="((e) => Result=e)" BtnCssClass="btn btn-outline-success" />
Custom button text:
<SignaturePad OnResult="((e) => Result=e)"
SignAboveLabel="Sign above"
UndoBtnTitle="Undo"
SaveBase64BtnTitle="OK"
ChangeColorBtnTitle="Change color"
ClearBtnTitle="Clear" />
Tips: Complex signatures can result in a large SSR of the transmission data, and the disclosure of the Reload error will be displayed, and the following configuration is enabled.
builder.Services.AddServerSideBlazor(a =>
{
//The biggest wait time for asynchronous calls Java Script function
a.JSInteropDefaultCallTimeout = TimeSpan.FromMinutes(2);
}).AddHubOptions(o =>
{
//Single passed hub message maximum size. Default 32 KB
o.MaximumReceiveMessageSize = null;
//The maximum number of loads can be loaded on the client. If this limit is reached, the processing call will be blocked until the server processing flow term.
o.StreamBufferCapacity = 20;
});
Parameter |
Description |
Type |
DefaultValue |
ValueList |
---|---|---|---|---|
OnResult |
Signature results callback method |
EventCallback<string> |
- | |
OnAlert |
Handwriting signature warning information callback |
EventCallback<string> |
- | |
OnError |
Error callback method |
Func<string, Task> |
- | |
OnClose |
Handwriting signature closed information callback |
EventCallback |
- | |
SignAboveLabel |
Sign in the box text |
string |
Sign in the box |
- |
ClearBtnTitle |
Clear button text |
string |
Clear |
- |
SignatureAlertText |
Please sign the prompt text first |
string |
Please sign first |
- |
ChangeColorBtnTitle |
Change color button text |
string |
Color |
- |
UndoBtnTitle |
Cancel button text |
string |
Undo |
- |
SaveBase64BtnTitle |
Saved as Base64 button text |
string |
Save |
- |
SavePNGBtnTitle |
Save as png button text |
string |
PNG |
- |
SaveJPGBtnTitle |
Save as JPG button text |
string |
JPG |
- |
SaveSVGBtnTitle |
Save as SVG button text |
string |
SVG |
- |
EnableChangeColorBtn |
Enable change color button |
bool |
true |
- |
EnableAlertJS |
Enable JS error pop-up window |
bool |
true |
- |
EnableSaveBase64Btn |
Enable saved as base64 button |
bool |
true |
- |
EnableSavePNGBtn |
Enable saved as a PNG button text |
bool |
false |
- |
EnableSaveJPGBtn |
Enable saved as JPG button text |
bool |
false |
- |
EnableSaveSVGBtn |
Enable saved as SVG button text |
bool |
false |
- |
CssClass |
Component CSS model |
string |
signature-pad-body |
- |
BtnCssClass |
Button CSS model |
string |
btn btn-light |
- |
Responsive |
Responsive CSS interface, Best experience for all users |
bool |
false |
- |
BackgroundColor |
Component background |
string |
rgb(255, 255, 255),set up rgba(0,0,0,0)Transparent |
- |