resizing panel in an tabpanel in a window
he folks
iv got some strange problem here...
first the code
PHP Code:
Ext.QuickTips.init();
extDialog = new Ext.Window({ // the window
title:"Dialog",
width:520,
closable:true,
collapsible:true
});
tabPanel = new Ext.TabPanel({ // the tabpanel
id:"tabpanel",
xtype:'tabpanel',
border:false,
animScroll:true,
autoScroll:true,
draggable:false,
enableTabScroll:true,
});
extDialog.show();
extDialog.on("resize",function(dlg,w,h){dlg.getComponent("tabpanel").doLayout()},extDialog)
extDialog.add(tabPanel);
extPanel = new Ext.Panel({ // the panel
id:"panel",
title:"panel",
closable:true,
height:350, // must set fixed height for displaying
border:false,
layout:'border',
items:[{
region:'center',
border:0,
xtype:'panel'
},{
region:'south',
split:true,
xtype:'form',
height:150,
hideLabels:true,
hideBorders:true,
method:'POST',
layout:'form',
url:"",
items:[{
xtype:'htmleditor',
fieldLabel: '',
name: 'message',
allowBlank:false,
enableSourceEdit:false,
anchor:'0-50'
},{
xtype:'hidden',
fieldLabel: '',
name: 'attr',
allowBlank:false
}],
buttons:[{
text:"Send"
}]
}]
});
tabPanel.add(extPanel);
tabPanel.activate(extPanel.id);
extDialog.doLayout();
the problem is, if i resize the window, the tab wont resize (x axis works, y axis wont).
i figured out that is has todo with the explicit height-setting of the panel
if i dont set the panels height, nothing will be displayed :(
what i want?
correct resizing of tabs inside the windows tabpanel ;)
maybe someone could give me a hint, to solve this problem
greetz
digitalkaoz
