The Telerik UI for Blazor Signature component enables end-users to draw a signature using a mouse or hand gesture on touch devices. Your end-users can benefit from multiple features to customize their signatures and adapt them to their needs, including size, border radius, line and background color and fill mode.
Integrate the Telerik UI for Blazor Signature component in an edit form. This is beneficial for scenarios where you want the end-user to make a confirmation (e.g., filling out application forms, receiving documents, etc.) and submit their decision using the provided form.
The handwritten signature includes multiple configuration options such as stroke width and color as well as the ability to select/change the background color and hide or display the dotted line where the signature should be drawn.
The signature panel can be opened in a modal popup to maximize the signature canvas. To configure it, you only need to change the popup scale range.
Drawing a signature on the screen with one's finger or mouse often results in choppy and jagged lines. Enable the optional line smoothing feature to help users provide clean-looking signatures. This feature will smooth out the lines and make the signatures look more natural.
Set the state of the UI for Blazor Signature component to read-only to cover scenarios when the user should be able to perform some limited interactions, such as opening the signature in a popup, but should be restricted from modifying the signature itself.
To ensure smooth interaction, the UI for Blazor Signature component includes the following set of events:
The Blazor Signature component supports four built-in themes, including Default (our own Telerik-infused styling), Material (based on the Material Design guidelines), Bootstrap and Fluent. Additionally, you can customize any of the ready-to-use themes with a few lines of CSS or create a new one to match your branding needs by using the Progress ThemeBuilder application.
The Telerik UI for Blazor Signature component supports right-to-left configuration. The RTL functionality is supported by most of our components to accommodate users who communicate in a right-to-left language script, such as Arabic and Hebrew.