Signature Settings
You can control the appearance of the Signature component by using the following parameters:
You can use all of them together to achieve the desired appearance. This article will explain their effect one by one.
BackgroundColor
Use the BackgroundColor parameter to change the background color of the Blazor Signature.
Change the background color of the Signature
Color
Use the Color parameter to change the color of the Signature's stroke.
Change the color of the stroke
FillMode
The FillMode parameter controls how the TelerikSignature is filled. It takes a member of the Telerik.Blazor.ThemeConstants.Signature.FillMode static class:
| Class members | Manual declarations |
|---|---|
Solid ( default value) | solid |
Flat | flat |
Outline | outline |
Rounded
The Rounded parameter applies the border-radius CSS style to the button to achieve curving of the edges. It takes a member of the Telerik.Blazor.ThemeConstants.Signature.FillMode static class:
| Class members | Manual declarations |
|---|---|
Small | sm |
Medium ( default value) | md |
Large | lg |
The built-in values of the Rounded attribute
Size
Use the Size parameter to apply the min-height CSS style to the <div class="k-signature"> element. Set the Size parameter to a member of the Telerik.Blazor.ThemeConstants.Signature.Size static class:
| Class members | Manual declarations |
|---|---|
Small | sm |
Medium ( default value) | md |
Large | lg |
Set the Size parameter
ThemeBuilder
To take full control over the appearance of the Telerik UI for Blazor components, you can create your own styles by using ThemeBuilder.
ThemeBuilder is a web application that enables you to create new themes and customize existing ones. Every change that you make is visualized almost instantly. Once you are done styling the UI components, you can export a ZIP file with the styles for your theme and use them in your Blazor app.