Edit this page

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