Telerik UI for ASP.NET Core Drag and Drop Basic Usage
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Ocean Blue A11Y
- Purple
- Turquoise
Bootstrap Theme- Main
- Bootstrap 3
- Bootstrap 3 Dark
- Main Dark
- Nordic
- Turquoise
- Turquoise Dark
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
Classic Theme- Main
- Green
- Green Dark
- Lavender
- Lavender Dark
- Main Dark
- Metro
- Metro Dark
- Moonlight
- Opal
- Opal Dark
- Silver
- Silver Dark
- Uniform
Fluent Theme- Main
Also available for:
CLIENT-SIDE API TAG HELPER APIThe 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.