PDA

View Full Version : Problem with FormPanel and TableLayout in IE



mike1993
25 Apr 2011, 9:33 AM
Hello,

I am having some problems w/ table layout withing FormPanel. The form items appear(even on active tab) only after I switch from tab to tab. I do have layoutOnTabChange set to true, but that does not matter since layout is failing for the active tab.

Of course, it's IE that is messing things up (I tried in IE8 only so far).

Thanks.



var config = {
layout: 'form',
fileUpload:true,
defaults: {
bodyStyle: 'padding: 5px;',
border: false,
xtype: 'container',
autoEl: {},
layout: 'form',
defaults: {
border: false,
xtype: 'container',
autoEl: {}
}
},
items: [{
xtype: 'textarea',
id: this.getId() + '-check-message',
emptyText: 'Type your message here ...',
fieldLabel: 'Message',
height: 100,
hideLabel: true,
width: 600
}, {
style: 'margin-top: 20px;',
layout: 'table',
layoutConfig: {
columns:2
},
items: [{
layout: 'form',
items: [{
xtype: 'radio',
boxLabel: 'Convert typed message to speech',
checked: true,
inputValue: 'speechtts',
hideLabel: true,
name: 'messageSource'
}]
}, {
layout: 'form',
style: 'margin-left: 20px;',
items: [{
xtype: 'textfield',
fieldLabel: 'Whatever'
}]
}]
}, {
layout: 'table',
layoutConfig: {
columns:2
},
items: [{
layout: 'form',
items: [{
xtype: 'radio',
boxLabel: 'Upload wav file',
inputValue: 'speechtts',
hideLabel: true,
name: 'messageSource'
}]
}, {
layout: 'form',
style: 'margin-left: 20px;',
width: 350,
labelWidth: 70,
items: this.getFileUploadConfig({
//style: 'margin-left: 15px;'
anchor: '100%'
})
}]
}, {
layout: 'table',
layoutConfig: {
columns:1
},
items: [{
layout: 'form',
items: [{
xtype: 'radio',
boxLabel: 'Record Message via Phone',
inputValue: 'speechrec',
hideLabel: true,
name: 'messageSource'
}]
}]
}, {
xtype: 'hidden',
id: this.getId() + '-uploaded-file-id'
}]
};