draggable

draggable - An object (default: true)

Initializes the dragging capability of the Window widget.
Here is a list of the supported properties and events of the draggable object:

• enabled - A Boolean(default: true). Enables or disables the drag option.
• cls - An object(default: UNDEFINED). An optional css class to add to the element if drag permitted.
• dragCls - An object(default: UNDEFINED). An optional css class to add to the element while being dragged.
• target - An object(default: UNDEFINED). A target element which starts the drag process. If not specified, the widget becomes the start drag element.<.li>
• start - An event triggered when drag starts.
• drag - An event triggered while element is being dragged.
• stop - An event triggered when drag ends.

The code below demonstrates the use of draggable option.

<div id="window" />

<script type="text/javascript">
    jQuery(function($) {
        $("#window").shieldWindow({
              draggable: {
                   enabled: true,
                   events: {
                       stop: function(e) {
                           alert('Drag process ended!');
                       }
                   }
              }
        });
    });
</script>