andrew.howard@gtri.gatech.edu
18 Feb 2009, 9:29 PM
I am running Firefox v3.0.6 on a Mac with Ext 2.2.
I have a FormPanel within a Window component which is displaying a weird glitch. an image is displayed next to some of the form fields (the fileUploadField and the Radio Buttons) but not next to the textField. The image looks like a gradient background image.
You can see what it looks like from the attached images.
*The first image is the Firefox V3.0.6 on Mac
*Second is IE6 on Windows
*Third is Safari on Mac
I tested the same code in Safari, Chrome, and IE6 and it works perfect for all of those. Also the radio buttons are rendering toolbars under them which is another glitch that needs to be solved. Here is my code:
Ext.onReady(function(){
var win = new Ext.Window({
layout : 'fit',
width : 500,
height : 300,
closeAction :'hide',
plain : true,
items :
new Ext.FormPanel({
title : 'Your name',
monitorValid : true,
defaults: {
allowBlank: false,
anchor: "90%",
msgTarget: 'side'
},
items : [{
xtype: 'textfield',
fieldLabel: 'Text Field'
},{
xtype: 'fileuploadfield',
emptyText: 'Notice the Image to the right -->',
fieldLabel: 'File Upload Field'
},{
xtype: 'radiogroup',
fieldLabel: 'Label',
columns: 1,
items: [
{boxLabel: 'Value 1', name: 'actionType', inputValue: 1},
{boxLabel: 'Value 2', name: 'actionType', inputValue: 2, checked: true},
{boxLabel: 'Value 3', name: 'actionType', inputValue: 3}
]
}]
})
});
win.show();
});
Anyone know the solution/workaround for this issue?:-/
I have a FormPanel within a Window component which is displaying a weird glitch. an image is displayed next to some of the form fields (the fileUploadField and the Radio Buttons) but not next to the textField. The image looks like a gradient background image.
You can see what it looks like from the attached images.
*The first image is the Firefox V3.0.6 on Mac
*Second is IE6 on Windows
*Third is Safari on Mac
I tested the same code in Safari, Chrome, and IE6 and it works perfect for all of those. Also the radio buttons are rendering toolbars under them which is another glitch that needs to be solved. Here is my code:
Ext.onReady(function(){
var win = new Ext.Window({
layout : 'fit',
width : 500,
height : 300,
closeAction :'hide',
plain : true,
items :
new Ext.FormPanel({
title : 'Your name',
monitorValid : true,
defaults: {
allowBlank: false,
anchor: "90%",
msgTarget: 'side'
},
items : [{
xtype: 'textfield',
fieldLabel: 'Text Field'
},{
xtype: 'fileuploadfield',
emptyText: 'Notice the Image to the right -->',
fieldLabel: 'File Upload Field'
},{
xtype: 'radiogroup',
fieldLabel: 'Label',
columns: 1,
items: [
{boxLabel: 'Value 1', name: 'actionType', inputValue: 1},
{boxLabel: 'Value 2', name: 'actionType', inputValue: 2, checked: true},
{boxLabel: 'Value 3', name: 'actionType', inputValue: 3}
]
}]
})
});
win.show();
});
Anyone know the solution/workaround for this issue?:-/