PDA

View Full Version : RadioGroup is not displaying in IE6



techakone
25 Aug 2010, 11:46 AM
Hi, I am trying to use a RadioGroup and here is how i define it:


{
xtype: 'radiogroup',
columns: 1,
defaults: {
name: Ext.id()
},
items: radioItems,
listeners: {
change: {
fn: this.setValueOnChange,
scope: this
},
render: {
fn: function(rg) {
rg.setValue(radioId + '-' + this.getValue(), true);
},
scope: this
}
}
}

and here is how i define my radio items:


{
id: radioId + '-Yes',
boxLabel: 'Yes',
inputValue:'Yes',

},

{
id: radioId + '-No',
boxLabel: 'No',
inputValue:'No',

}

It displays fine in Firefox but nothing shows up in IE6. Using a DOM explorer i can verify that the html is indeed rendered fine, but it is just that the DIVs ExtJS render have no height, so nothing shows up. I tried setting a fixed height on the RadioGroup object and on the individual radio items but to no avail. Any insight will be appreciated.

Thanks