PDA

View Full Version : [SOLVED] FormPanel wrong show



Jamiroquai
25 Nov 2007, 3:22 PM
I have this TabPanel:


var Panel = new Ext.TabPanel({
plain:true,
activeTab: 0,
collapsible: true,
collapsed: true,
defaults:{bodyStyle:'padding:10px'},
items:[{
title:'TP',
layout:'form',
height:170,
items: [
//...inputs...//
]
},{
title:'Configuracion',
layout:'form',
height:100,
items: [
//...inputs...//
]
},{
title:'Materiales',
layout:'form',
height:200,
items: [
//...inputs...//
]
},{
title:'PEP',
layout:'form',
height:100,
items: [
//...inputs...//
]
},{
title:'OC',
layout:'form',
height:260,
items: [
//...inputs...//
]
},{
title:'Hitos Externos',
layout:'form',
height:170,
items: [
//...inputs...//
]
},{
title:'Documentos',
layout:'column',
height:360,
items: [{
columnWidth:.5,
layout: 'form',
border:false,
items: [
//...inputs...//
]
},{
columnWidth:.5,
layout: 'form',
border:false,
items: [
//...inputs...//
]
}]
}]
});
And this Form:


var Formul = new Ext.FormPanel({
title: 'Formulario Instalaciones',
id: 'formul',
url:'extractFunctions.php?op=insertForm',
frame:true,
method: 'post',
fileUpload: true,
bodyStyle:'padding:5px',
width: 800,
items: [
Panel
],
buttons: [{
text: 'Guardar',
handler: function(){
Formul.form.submit({waitMsg:'Saving...'});
},
success: function (result,request) {
Ext.MessageBox.alert('Ok', 'Saved');
},
failure: function (result,request) {
Ext.MessageBox.alert('Error', 'Failed');
}
},{
text: 'Reset',
handler: function(){
Formul.form.reset();
}
}]
});

But in IE looks like this:
http://jamiroquai.hopto.org/bug/imageFormIE.GIF
And in FF looks like this:
http://jamiroquai.hopto.org/bug/imageFormFF.GIF

Can any1 tell me what im doing wrong plz. Ty.

efege
25 Nov 2007, 3:47 PM
Looks like you are using some extra CSS rules besides those defined by Ext, and these rules are somehow interfering with the default styling of Ext widgets.

Jamiroquai
25 Nov 2007, 4:04 PM
:"> That was the problem... thanks men!! =D>

I'm using a menu with li and ul styles and the tab panel creates with those tags.

Thanks again :D