Resizable

Configs

1
resizable: Boolean | Object= falseAlso a property

Configure this property to allow the widget/component to be resized. Pressing Shift while resizing will constrain the aspect ratio.

  • false (the default) disables resizing entirely.
  • true enables resizing on all edges and corners.
  • An Object allows fine-grained control, for example specifying which edges or corners have handles.

Example usage:

// Resizable with default handles (all edges/corners)
new SomePopup({
  resizable : true
});

// Resizable with only start and bottom edges active
new SomePopup({
  resizable : {
    handles : {
      top    : false,
      end    : false,
      bottom : true,
      start  : true,
      // corners also available: topStart, topEnd, bottomStart, bottomEnd
      // all omitted properties default to `true` if unspecified
    }
  }
});
ParameterTypeDescription
resizable.minWidthNumber

The minimum width of the element.

resizable.maxWidthNumber

The maximum width of the element.

resizable.minHeightNumber

The minimum height of the element.

resizable.maxHeightNumber

The maximum height of the element

resizable.handlesObject

An object controlling which edges/corners are resizable.

resizable.handles.topStartBoolean

Resizable from top-start corner

resizable.handles.topBoolean

Resizable from top edge

resizable.handles.topEndBoolean

Resizable from top-end corner

resizable.handles.endBoolean

Resizable from end edge

resizable.handles.bottomEndBoolean

Resizable from bottom-end corner

resizable.handles.bottomBoolean

Resizable from bottom edge

resizable.handles.bottomStartBoolean

Resizable from bottom-start corner

resizable.handles.startBoolean

Resizable from start edge

Properties

3

Class hierarchy

isResizable: Boolean= truereadonly
Identifies an object as an instance of Resizable class, or subclass thereof.
isResizable: Boolean= truereadonlystatic
Identifies an object as an instance of Resizable class, or subclass thereof.

Other

resizable: Boolean | Object= falseAlso a config

Configure this property to allow the widget/component to be resized. Pressing Shift while resizing will constrain the aspect ratio.

  • false (the default) disables resizing entirely.
  • true enables resizing on all edges and corners.
  • An Object allows fine-grained control, for example specifying which edges or corners have handles.

Example usage:

// Resizable with default handles (all edges/corners)
new SomePopup({
  resizable : true
});

// Resizable with only start and bottom edges active
new SomePopup({
  resizable : {
    handles : {
      top    : false,
      end    : false,
      bottom : true,
      start  : true,
      // corners also available: topStart, topEnd, bottomStart, bottomEnd
      // all omitted properties default to `true` if unspecified
    }
  }
});
ParameterTypeDescription
resizable.minWidthNumber

The minimum width of the element.

resizable.maxWidthNumber

The maximum width of the element.

resizable.minHeightNumber

The minimum height of the element.

resizable.maxHeightNumber

The maximum height of the element

resizable.handlesObject

An object controlling which edges/corners are resizable.

resizable.handles.topStartBoolean

Resizable from top-start corner

resizable.handles.topBoolean

Resizable from top edge

resizable.handles.topEndBoolean

Resizable from top-end corner

resizable.handles.endBoolean

Resizable from end edge

resizable.handles.bottomEndBoolean

Resizable from bottom-end corner

resizable.handles.bottomBoolean

Resizable from bottom edge

resizable.handles.bottomStartBoolean

Resizable from bottom-start corner

resizable.handles.startBoolean

Resizable from start edge