PDA

View Full Version : [OPEN]Form rendering with padding property broken



oaugustus
23 Feb 2011, 10:47 AM
Hi,

When I set the padding property on a Ext.FormPanel instance the rendering is broken.



...
padding: '8 8 8 8',
...

See the image bellow:

http://www.neton.com.br/extjs/errors/form1.gif

Thanks

evant
23 Feb 2011, 3:12 PM
Please post the full code:



Ext.require('*');
Ext.onReady(function() {
new Ext.form.FormPanel({
width: 400,
height: 400,
renderTo: document.body,
Padding: '8 8 8 8',
title: 'I am a panel',
items: [{
xtype: 'textfield',
label: 'Foo'
}, {
xtype: 'textfield',
label: 'Bar'
}]
});
});


Anyway, I think you probably want bodyPadding.

oaugustus
24 Feb 2011, 4:08 AM
Hi Evan,

See the full code:



Ext.define('Proposital.Login.AbstractLogonPanel',{
extend: 'Ext.FormPanel',
frame: true,
title: 'Acesse agora',
width: 250,
autoHeight: true,
padding: '8 8 8 8',
fieldDefaults: {
labelAlign: 'top',
anchor: '100%'
},
...
);


I see this problem occurs only on IE (my version is 8). When I use bodyPadding the rendering is right, but I think using padding property not should broken the rendering.

Thanks.

evant
24 Feb 2011, 4:51 AM
Ext.onReady(function(){
new Ext.create('widget.form', {
width: 400,
height: 400,
renderTo: document.body,
title: 'Some form',
padding: '8 8 8 8',
frame: true
});
});


Demonstrates the issue.