PDA

View Full Version : ExtJS composite field does not display in FF



Bensiu
17 Jan 2011, 10:52 AM
Hi, I created a fieldset that is part of the form and have just display porpuse:
<code>
H_Info = Ext.extend ( Ext.form.FieldSet, {
title: 'Origination Info',
labelWidth: 1,

initComponent : function ( ) {
this.items = [ {
xtype: 'displayfield',
name: 'Name'
}, {
xtype: 'displayfield',
name: 'Address'
}, {
xtype: 'compositefield',
items: [ {
xtype: 'displayfield',
name: 'OrgDate',
width: 100
}, {
xtype: 'displayfield',
name: 'OrgValue',
width: 120,
flex: 1
} ]
}, {
xtype: 'displayfield',
name: 'CurrentValue'
} ];
</code>
H_Info.superclass.initComponent.call ( this );

} // initComponent

} );

It works as predicted in IE 6.0 fields are displayed in expected places, however when I try it in FF 2 fields (OrgDate, and OrgValue) grouped in compositefield are not displayed.

Any idea what I am missing ?

PS: I just discover that div element around whole composite element has height set to 1px in style attribute, I do not set it up intentionally - so how I can make sure that it will be not there ?

20 Jan 2011, 6:48 AM
try setting the anchor property on your fieldset children.

valititi
21 Jan 2011, 10:58 PM
anchor must works... anyway, if this not works...
And if you see "height set to 1px " why you don't try to make, manually, for example 19px ? I told you this, because I just use it on SAME context as yours
:-)