Creating draggable controls using jQuery in Asp.Net

With the help of jQuery UI, web controls can be enhanced and interactive properties such as draggable, droppable, resizable, sortable, and selectable can be added.


In the document.ready() function of the jQuery script block, apply the draggable() method to the panel controls. Use the css selector $(".panel") to retrieve all the panel controls on the page:

$(".panel").draggable();

Thus, the complete jQuery solution is as follows:

<script language="javascript" type="text/javascript">
$(document).ready(function(){
$(".panel").draggable();
});
</script>