jQuery UI : How can I convert an element into a circle while sorting or dragging

Viewed 67

I want to know that I can I convert an element into a circle while sorting or dragging it (the element) including its child elements. I have tried but its incomplete.

$('#editorDesignView').sortable({
       cursor: 'move',
     start: function( event, ui ) {
        $(ui.item).addClass("sortable-change");
     },
     stop: function( event, ui ) {
        $(ui.item).removeClass("sortable-change");
     }
});

Updated:

$('#editorDesignView').sortable({
        // opacity: 0.6,
        handle: ".draggable-area",
        cursor: 'move',
        start: function( event, ui ) {
            $(ui.item).addClass("on-sortable-change");
        },
        stop: function( event, ui ) {
            $(ui.item).removeClass("on-sortable-change");
        }
    });

My jsfiddle link

1 Answers
Related