Resizable
Configs
1
Configs
1Configure 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.trueenables 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
}
}
});
| Parameter | Type | Description |
|---|---|---|
resizable.minWidth | Number | The minimum width of the element. |
resizable.maxWidth | Number | The maximum width of the element. |
resizable.minHeight | Number | The minimum height of the element. |
resizable.maxHeight | Number | The maximum height of the element |
resizable.handles | Object | An object controlling which edges/corners are resizable. |
resizable.handles.topStart | Boolean | Resizable from top-start corner |
resizable.handles.top | Boolean | Resizable from top edge |
resizable.handles.topEnd | Boolean | Resizable from top-end corner |
resizable.handles.end | Boolean | Resizable from end edge |
resizable.handles.bottomEnd | Boolean | Resizable from bottom-end corner |
resizable.handles.bottom | Boolean | Resizable from bottom edge |
resizable.handles.bottomStart | Boolean | Resizable from bottom-start corner |
resizable.handles.start | Boolean | Resizable from start edge |
Properties
3
Properties
3Class hierarchy
Other
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.trueenables 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
}
}
});
| Parameter | Type | Description |
|---|---|---|
resizable.minWidth | Number | The minimum width of the element. |
resizable.maxWidth | Number | The maximum width of the element. |
resizable.minHeight | Number | The minimum height of the element. |
resizable.maxHeight | Number | The maximum height of the element |
resizable.handles | Object | An object controlling which edges/corners are resizable. |
resizable.handles.topStart | Boolean | Resizable from top-start corner |
resizable.handles.top | Boolean | Resizable from top edge |
resizable.handles.topEnd | Boolean | Resizable from top-end corner |
resizable.handles.end | Boolean | Resizable from end edge |
resizable.handles.bottomEnd | Boolean | Resizable from bottom-end corner |
resizable.handles.bottom | Boolean | Resizable from bottom edge |
resizable.handles.bottomStart | Boolean | Resizable from bottom-start corner |
resizable.handles.start | Boolean | Resizable from start edge |