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).