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

In this article
Not finding the help you need? Improve this article