New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Filter

Define Filters to enable Dragging elements with specific selectors.

Example

<telerik:RadDraggable runat="server" TargetSelectors="#DraggableContainer .draggable">
</telerik:RadDraggable>

<div id="DraggableContainer">
    <div class="draggable">Draggable</div>
    <div class="static">skipped</div>
    <div class="static">skipped</div>
    <div class="draggable">Draggable</div>
</div>

<style>
    .draggable, 
    .static {
        width: 80px;
        height: 50px;
        border: 2px solid green;
        margin: 5px;
        text-align: center;
        line-height: 50px;
        user-select: none;
    }

    .draggable {
        background-color: orange;
    }

    .static {
        background-color: purple;
        color: white;
    }
</style>
In this article