ASP.NET MVC SmartPasteButton Overview

Updated on Feb 11, 2026

The Telerik UI SmartPasteButton HtmlHelper for ASP.NET MVC is a server-side wrapper for the Kendo UI SmartPasteButton widget.

The SmartPasteButton enables users to copy unstructured text (for example, a message or an email signature) and paste it into a form. The component sends the clipboard content to an AI service, receives structured data, and populates the available form fields.

• Demo page for the SmartPasteButton

Initializing the SmartPasteButton

The following example demonstrates how to define a SmartPasteButton.

Razor

@(Html.Kendo().SmartPasteButton()
    .Name("smartPasteButton")
    .Service("https://demos.telerik.com/service/v2/ai/smartpaste/smartpaste")
    .Text("Smart Paste")
)

Using the SmartPasteButton with Editors

In the SmartPasteButton demo, the component is used next to editors that represent the target form fields.

Razor

<form id="form1">
    @(Html.Kendo().TextBox()
        .Name("fullName")
        .Label(l => l.Content("Full Name"))
        .Placeholder("Full Name")
    )

    @(Html.Kendo().TextBox()
        .Name("city")
        .Label(l => l.Content("City"))
        .Placeholder("City")
    )

    @(Html.Kendo().MaskedTextBox()
        .Name("phone_number")
        .Label(l => l.Content("Phone Number"))
        .HtmlAttributes(new { placeholder = "e.g. XXXXXXXX" })
        .Mask("[phone]")
    )

    <div class="form-actions">
        @(Html.Kendo().SmartPasteButton()
            .Name("smartPaste")
            .Service("https://demos.telerik.com/service/v2/ai/smartpaste/smartpaste")
            .Text("Smart Paste")
            .Events(e => e.RequestStart("onRequestStart").RequestEnd("onRequestEnd"))
        )
    </div>
</form>

Functionality and Features

• Getting Started—Step-by-step guide to create and initialize the SmartPasteButton.
• AI service integration—Configure the AI service endpoint that processes clipboard content and returns structured data.
• Events—Handle the request lifecycle and customize the component behavior.
• Appearance—Customize size, theme color, border radius, fill mode, and icon.
• Error Handling—Reset and clear validation error states in form scenarios.
• Keyboard Navigation—Navigate and interact with the SmartPasteButton through keyboard shortcuts.

Supported Kendo UI Components

The SmartPasteButton can be used next to common editors and with the Telerik UI Form.

Component	Documentation
AutoComplete	AutoComplete Overview
ComboBox	ComboBox Overview
DateInput	DateInput Overview
DatePicker	DatePicker Overview
DateRangePicker	DateRangePicker Overview
DateTimePicker	DateTimePicker Overview
DropDownList	DropDownList Overview
DropDownTree	DropDownTree Overview
Form	Form Overview
MaskedTextBox	MaskedTextBox Overview
MultiColumnComboBox	MultiColumnComboBox Overview
MultiSelect	MultiSelect Overview
NumericTextBox	NumericTextBox Overview
RadioGroup	RadioGroup Overview
Rating	Rating Overview
Switch	Switch Overview
TextArea	TextArea Overview
TextBox	TextBox Overview
TimeDurationPicker	TimeDurationPicker Overview
TimePicker	TimePicker Overview

Next Steps

• Getting Started with the SmartPasteButton
• Basic Usage of the SmartPasteButton (Demo)
• SmartPasteButton Events (Demo)
• SmartPasteButton Appearance (Demo)
• JavaScript API Reference of the SmartPasteButton

See Also

• Getting Started with the SmartPasteButton
• Appearance of the SmartPasteButton
• Events of the SmartPasteButton
• AI Service Integration
• Server-Side API of the SmartPasteButton
• Knowledge Base Section