DragAndDrop TagHelper Overview

The Telerik UI DragAndDrop TagHelper for ASP.NET Core is a server-side wrapper for the Kendo UI DragAndDrop widget.

The kendoDraggable and the kendoDropTarget combine together to enable the implementation of the drag-and-drop scenarios.

Telerik UI for ASP.NET Core Ninja image

The DragAndDrop is part of Telerik UI for ASP.NET Core, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Initializing the Drag-and-Drop

The following example demonstrates how to define the Drag and Drop by using the DragAndDrop TagHelper.

  <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