Resizable Panel

Posted By Vitaliy | March 14, 2012 | ExtJS 4.0.7
0 2124
Panel config option "resizable" – specify as true to apply a Resizer to this Component after rendering. May also be specified as a config object to be passed to the constructor of Resizer to override any defaults.

Js Code

Ext.widget('panel', {
	width: 600,
	height: 400,
	bodyPadding: 50,
	items: [
		{
			width: 150,
			height: 150,
			minWidth: 100,
			minHeight: 100,
			maxWidth: 500,
			maxHeight: 300,
			bodyStyle: 'background:#ffc;',
			resizable: true,
			bodyPadding: 10,
			html: 'resize me'
		}
	],
	renderTo: Ext.getBody()
});