Signature Appearance

Updated on Dec 10, 2025

The Telerik UI Signature for ASP.NET Core component enables you to change various appearance aspects about the component.

The following example demonstrates a Signature component with custom appearance settings.

Razor

    @(Html.Kendo().Signature()
                .StrokeWidth(4)
                .BackgroundColor("#fad980")
                .Color("#212121")
                .Width(500)
                .Height(200)
                )

Razor

    <kendo-signature stroke-width="4"
                     background-color="#fad980"
                     color="#212121"
                     width="500"
                     height="200">
    </kendo-signature>

Background Color

To modify the background color of the Signature container, use its BackgroundColor configuration.

Razor

    @(Html.Kendo().Signature()
                .BackgroundColor("#fad980"))

Razor

    <kendo-signature backgroundColor="#fad980">
    </kendo-signature>

Stroke Color

You can also change the stroke color of the Signature by using its Color configuration.

Razor

    @(Html.Kendo().Signature()
                .Color("#fad980"))

Razor

    <kendo-signature color="#fad980">
    </kendo-signature>

Stroke Width

To update the stroke width of the Signature, utilize its StrokeWidth configuration.

Razor

    @(Html.Kendo().Signature()
                .StrokeWidth(4))

Razor

    <kendo-signature strokeWidth="4">
    </kendo-signature>

See Also

• Demo Page for the Signature
• API Reference of the Signature
• Knowledge Base Section