PDA

View Full Version : problem with minWidth/Height and maxWith/Height in resizable Object



TAG
18 Aug 2009, 11:34 PM
Hello,
I have a problem with some property of resizable Object.
I insert the HTML code with the "insertHTML" method and create a resizable Object with this HTML, adding this to my Panel. The code is:


Ext.get("ContPippo").insertHtml('beforeEnd','<img id="pippo" src="pippo.jpg">')
appoggio.add(new Ext.Resizable(idOggetto, {
wrap:true,
pinned:false,
width: 50,
height: 50,
minWidth:10,
minHeight: 10,
maxHeight: 800,
maxWidth:800,
widthIncrement:5,
heightIncrement: 5,
handles: 'all',
draggable:true,
dynamic:true
}));

The object is created correctly.
"appoggio" is my Panel.
My problem is: "minWidth", "maxWidth", "minHeight","maxHeight" not function correctly, I can restrict the object to 1px for 1px, and I can extende the Object to 10000px for 10000px.
I read the Api Documentation, but I do not understand where I made the mistake of using these attributes. Can you give me information about it? thanks.

The HTML code is:


...
<body>
<div id="ContPippo">
</div>
</body>
....


I use SO: Windows XP, and browser IE 6.0, Chrome, Mozilla 3.0.13.

I have similar problem with the "minX" and "minY", when I use this property I can not place the item where I want initially.
The code is:


Ext.get("ContPippo").insertHtml('beforeEnd','<img id="pippo" src="pippo.jpg">')
appoggio.add(new Ext.Resizable(idOggetto, {
wrap:true,
pinned:false,
width: 50,
height: 50,
minWidth:10,
minHeight: 10,
maxHeight: 800,
maxWidth:800,
widthIncrement:5,
heightIncrement: 5,
handles: 'all',
draggable:true,
dynamic:true,
minX: 150,
minY: 200
}));


thanks to whoever can give me the information about