PDA

View Full Version : column layout issue - Issue with IE7 only



sissonb
14 Apr 2012, 6:37 PM
ie7 looks like this
34040
ie8+ looks like this
34041

This is my layout,


{
xtype:'form',
layout:'column',
items:[
{
xtype:'fieldset',
layout:"anchor",
defaults:{
anchor:'100%'
},
items:[]
}
]
}


Any idea how I would fix this without putting a fixed width on the fieldset?

Thanks!

scottmartin
16 Apr 2012, 7:17 AM
Does this behave the same when using IE7 browser? We typically do not support using 'browser modes' IE8->IE7
If this does behave the same, please create a small working example was can use to correct this issue.

Regards,
Scott.

sissonb
16 Apr 2012, 7:53 AM
Same error happens on ie7 on my xp box.
Here is a sample.

var fieldset = {
xtype:'fieldset',
layout:"anchor",
defaults:{
anchor:'100%'
},
items:[
{
xtype:"checkbox",
boxLabel:"Blah Blah Blah Blah "
},
{
xtype:"checkbox",
boxLabel:"BlahBlah Blah Blah Blah "
},
{
xtype:"checkbox",
boxLabel:"BlahBlah Blah Blah Blah "
}
]
};


Ext.application({
name: 'HelloExt',
launch: function() {
Ext.create('Ext.container.Viewport', {
layout: 'fit',
items: [
{
xtype:'form',
layout:'column',
items:[
fieldset,
fieldset,
fieldset,
fieldset,
fieldset,
fieldset,
fieldset,
fieldset,
fieldset,
fieldset
]
}
]
});
}
});

sissonb
16 Apr 2012, 12:46 PM
Here's a screenshot in ie7

34093

scottmartin
16 Apr 2012, 1:27 PM
In loading this in IE7 on a vista Vm, I see the following: (attached), ( yet different )
I was only able to duplicate your shot on IE set to IE7->IE7 modes.

I will post this as a bug.

34096

Scott.