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

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Change Theme
    default
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Ocean Blue A11Y accessibility
    • 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
    Launch Theme Builder
index.cshtml
IndexController.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE 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.

Download Free 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