Drag-and-Drop Tag Helper Overview

The Drag-and-Drop tag helper helps you configure the Kendo UI Drag and Drop widget in ASP.NET Core applications.

Basic Usage

The following example demonstrates how to define the Drag and Drop by using the Drag and Drop tag helper.

Example

    <div id="droptarget" class="k-header"
         kendo-droptarget="true"
         on-kendo-dragenter="droptargetOnDragEnter"
         on-kendo-dragleave="droptargetOnDragLeave"
         on-kendo-drop="droptargetOnDrop" >Drag the small circle here.</div>
    <div id="draggable"
         kendo-draggable="true"
         kendo-hint="draggableHint"
         on-kendo-dragstart="draggableOnDragStart"
         on-kendo-dragend="draggableOnDragEnd"></div>

See Also

• Overview of Telerik UI for ASP.NET Core
• Get Started with Telerik UI for ASP.NET Core in ASP.NET Core Projects
• Get Started with Telerik UI for ASP.NET Core in ASP.NET Core Projects with the CLI
• Known Issues with Telerik UI for ASP.NET Core