Telerik UI for ASP.NET Core Drag and Drop Basic Usage

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
index.cshtml
IndexController.cs

Also available for:

CLIENT-SIDE API HTML HELPER API
devcraft ninja image

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

Description

Telerik UI for ASP.NET Core allows you to handle drag-and-drop scenarios by combining the Kendo UI for jQuery Draggable and the Kendo UI for jQuery DropTarget controls. The Draggable component allows the elements to be moved while the DropTarget component marks a drop zone for the dragged element.

This Drag and Drop demo shows the TagHelper integrations of the Kendo UI for jQuery Draggable and DropTarget components. You can see how to create a draggable element and a drop zone, and use the events of the two controls to style the element while it is dragged.

Functionality and Features

  • Draggable and DropTarget—The controls are the building blocks that allow the Drag-and-Drop functionality, and provide a set of configuration options.
  • Common scenarios—The Drag-and-Drop components enable you to implement a number of common use cases and examples.

Additional Resources