Drag-and-Drop Overview

    Kendo UI for jQuery provides options to handle drag-and-drop scenarios by combining the kendoDraggable and kendoDropTarget controls.

    kendoDraggable enables the Draggable functionality and allows a DOM element to be moved by using the mouse or a finger on touch devices.

    kendoDropTarget creates the droppable zones and marks a DOM element as a drop target for the Draggable. The DropTargetArea enables you to create multiple DropTarget elements that are located in the area container which is a useful scenario when the DropTarget elements are added dynamically.

    Kendo UI for jQuery Kendoka image

    The Drag and Drop is part of Kendo UI for jQuery, 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.

    Kendo UI for jQuery Draggable Overview

    Functionality and Features

    Next Steps