PDA

View Full Version : IE (dialogbox + form) = scrollbars?



newbie
22 Aug 2007, 6:01 AM
I have a problem displaying a dialogbox with many components (or a big text area) in a form in IE (it's ok in FF). For some reason, the whole dialogbox is wrapped around in scrollbars. I'm not sure how to remove the scrollbars.

The JSP part:


var cInfoDlg = new Ext.BasicDialog("owlinfo-box", {
autoCreate : true,
shadow: true,
draggable: true,
resizable:true,
constraintoviewport:true,
fixedcenter:true,
collapsible : true, minHeight:10,
width:380, height:430,
buttonAlign:"center"
});


var cInfoDBID = new ExtForm.TextField({fieldLabel: 'Data Source ID', width:180, name: 'ont-nam'});
var cInfoDBType = new Ext.form.ComboBox({
fieldLabel: 'Database Type',
hiddenName:'DBType',
store: new Ext.data.SimpleStore({
fields: ['type'],
data : [['Oracle'], ['MySQL'], ['Sybase'], ['DB2']]
}),
displayField:'type',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
emptyText:'Select a DB type...',
selectOnFocus:true,
width:180
});

var cInfoDBUser = new ExtForm.TextField({fieldLabel: 'User', width:180, name: 'ont-desc'});
var cInfoDBPassword1 = new ExtForm.TextField({inputType: 'password', fieldLabel: 'Password', width:180, name: 'ont-desc'});
var cInfoDBPassword2 = new ExtForm.TextField({inputType: 'password', fieldLabel: 'Password again', width:180, name: 'ont-desc'});
var cInfoDBName = new ExtForm.TextField({fieldLabel: 'DB Name', width:180, name: 'ont-desc'});
var cInfoDBHostAddress = new ExtForm.TextField({fieldLabel: 'Host', width:180, name: 'ont-desc'});
var cInfoDBPort = new ExtForm.TextField({fieldLabel: 'Port', width:180, name: 'ont-desc'});
var cInfoDBJNDI = new ExtForm.TextField({fieldLabel: 'JNDI', width:180, name: 'ont-desc'});
var cInfoDBDescription = new Ext.form.TextArea({fieldLabel: 'Description',fitToFrame:true, width:250, height:100, fitContainer: true, wrap:'on'});

var cInfoForm = new Ext.Form({ labelAlign: 'right',
labelWidth: 100,
width:30, height:40, buttonAlign: 'right'
});

cInfoForm.render(cInfoDlg.body);

The DIV info:

<div id="owlinfo-box"></div>

Here is the snapshot in FF which is OK.
http://i6.tinypic.com/4z1lbbo.jpg

Here is the snapshot in IE with scrollbars.
http://i4.tinypic.com/6b90ihg.jpg

I appreciate any help