View Full Version : Problem with resizable Object in the Panel

14 Aug 2009, 12:21 AM
I create application with GUI such at Ext example named "complex.html"(ext-3.0.0\examples\layout), I added Tab Panel and Panel in the areas left and right, but I haven't used the properties of the panels "contentEl", all panels haven't a "div" but created only by Ext(and I haven't problem). Only for the central area(region="center"), I insert in <body></body>, a <div id="centrale1"></div>, and the central Panel have a "contentEl: 'centrale1' ". In this last div I inset this code:<div id="idGenericTitoloGriglia" class="griglia"><img id="oggetto1DD" src="oggetti/generici/oggetto1.JPG" height="100" width="100">
Summing up the html code is

<div id="centrale1">
<div id="idGenericTitoloGriglia" class="griglia"><img id="oggetto1DD" src="oggetti/generici/oggetto1.JPG" height="100" width="100"></div>

Next I write this code Ext:

var pippo=new Ext.Resizable("oggetto1DD", {
handles: 'all',

var AreaCentrale = new Ext.TabPanel({
id: 'contenitoreMaster',
region:'center', deferredRender:true, enableTabScroll:true, autoScroll:true, activeTab:0, split: true,
title: 'titolo',
iconCls: 'nuova',
autoScroll: true,
id: 'Genericidtitolo'

This code created a D&D and resizable Object, but the Object have a strange behavior.
Resizable function correctly. When I move the Object, this always remains fixed in the top left(hidden from the upper panel and left panel if its very small), when I scroll the central Panel, I can move the object, but only as long as this does not return to coincide with the new margin in the upper left of the Panel.
I have this question:
1) why object takes as a left margin and the top margins of the browser page and don't take the panel that contains it?
2)have I made mistakes in declaring the object drag and resizable?
3)Why the drag isn't working correctly?

This Post is a sub-problem in a more general discuzzione which can be accessed at this link