resizable

resizable - An object (default: true)

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

  • enabled - A Boolean(default: true). Enables or disables the resize option.
  • cls - An object(default: UNDEFINED). An optional css class to add to the element if resize permitted.
  • resizeCls - An object(default: UNDEFINED). An optional css class to add to the element while being resized.
  • delta - An Integer(default: 1). A minimum distance for which to start resizing.
  • handles - An array with permitted handles (directions) to resize to. By default all handles are permitted
    ["e", "w", "n", "s", "se", "sw", "ne", "nw"].
  • handleWidth - An Integer(default: 8). Specifies the size of the handle.
  • handleZIndex - An Integer(default: 105). Specifies the z-index of the handle.
  • minHeight - An Integer(default: 16). Specifies the minimum height to resize to.
  • minWidth - An Integer(default: 16). Specifies the minimum width to resize to.
  • maxHeight - An Integer(default: UNDEFINED). Specifies the maximum height to resize to.
  • maxWidth - An Integer(default: UNDEFINED). Specifies the minimum height to resize to.
  • start - An event triggered when resize starts.
  • drag - An event triggered while element is being resized.
  • stop - An event triggered when resize ends.

The code below demonstrates the use of resizable option.

<div id="window" />

<script type="text/javascript">
    jQuery(function($) {
        $("#window").shieldWindow({
              resizable: {
                  minWidth: 200,
                  minHeight: 150,
                  events: {
                     stop: function (e) {
                        alert("Resize process ended!");
                     }
                  }
              }
        });
    });
</script>