PDA

View Full Version : Window render issue in IE6 [Solved]



michaelc
27 Oct 2010, 7:58 AM
Did I say how I hate IE6 ?

Ok I have a model window that work well, with one exception IE6.
<Grocho>Then don't use IE6</Grocho>

So if the window scrolls it just turns into a big mess in IE6,
I tried layout "fit" this created other problems and still did not fix the issue.
I tried changing the miscfield to html - same result.

any idea on what is creating the issue and the possible fix ?

23033



if (!win) {
win = new Ext.Window({
title: 'User detail',
width: 600,
height: 600,
layout: 'form',
modal: true,
bodyStyle: 'padding:5px',
autoScroll: true,

items: new Ext.FormPanel({
width: 560,
border: false,
items: [{
xtype: 'textfield',
fieldLabel: 'Name',
anchor: '100%',
readOnly: true,
name: 'userName',
value: userName
}, {
xtype: 'textfield',
fieldLabel: 'position',
anchor: '100%',
name: 'position',
value: position
}, {
xtype: 'textfield',
fieldLabel: 'Region',
anchor: '100%',
readOnly: true,
name: 'region',
value: region
}, {
xtype: 'textfield',
fieldLabel: 'Email',
anchor: '100%',
readOnly: true,
name: 'email',
value: email

}, {
xtype: 'textfield',
fieldLabel: 'Phone',
anchor: '100%',
readOnly: true,
name: 'phone',
value: phone
}, {
xtype: 'miscfield',
fieldLabel: 'Biographical sketch',
id: 'miscfield_image',
anchor: '100%',
value: bio
}, userGrid]

}),
buttons: [{
text: 'Close',
handler: function(){
win.close();
}
}]
});
}

plalx
27 Oct 2010, 11:29 AM
Try this way:

- Layout fit on window
- Autoscroll on the form
- Anchor of 95% on fields



Ext.onReady(function() {
var fieldsCfg = [], i;

for (i = 0; i < 10; i++)
fieldsCfg.push({
xtype: 'textfield',
anchor: '95%',
fieldLabel: 'Test'
});

var win = new Ext.Window({
title: 'Autoscroll test',
height: 200,
width: 500,
layout: 'fit',
hideBorders: true,
items: {
xtype: 'form',
autoScroll: true,
items: [fieldsCfg]
},
buttons: [{
text: 'close'
}]
}).show();
});

michaelc
29 Oct 2010, 12:52 PM
Dude you Rock !!
you had it almost exact.



win = new Ext.Window({
title: 'User detail',
width: 600,
height: 600,
layout: 'fit',
modal: true,

bodyStyle: 'padding:5px',
items: {
xtype : 'form',
autoScroll : true,
items: [{
xtype: 'textfield',
fieldLabel: 'Name',
anchor: '95%',
readOnly: true,
name: 'userName',
value: userName
}, {
xtype: 'textfield',
fieldLabel: 'position',
readOnly: true,
anchor: '95%',
name: 'position',
value: position
}, {
xtype: 'textfield',
fieldLabel: 'Region',
anchor: '95%',
readOnly: true,
name: 'region',
value: region
}, {
xtype: 'textfield',
fieldLabel: 'Email',
anchor: '95%',
readOnly: true,
name: 'email',
value: email

}, {
xtype: 'textfield',
fieldLabel: 'Phone',
anchor: '95%',
readOnly: true,
name: 'phone',
value: phone
}, {
xtype: 'miscfield',
fieldLabel: 'Biographical sketch',
id: 'miscfield_image',
anchor: '95%',
readOnly: true,
name: 'bio',
value: bio
}, userGrid]

},

buttons: [{
text: 'Close',
handler: function(){
win.close();
}
}]
});

plalx
30 Oct 2010, 4:42 AM
I'am glad I could help :)