PDA

View Full Version : Ext spacer width on different browser



lennae24
16 Apr 2012, 10:38 PM
I have a buttons aligned horizontally and I put a spacer between buttons, it runs on firefox and chrome smoothly. But when i run it on IE, there are buttons that overlaps. How should I change it?
Thanks in advance
34101


var homeForm = new Ext.Panel({
renderTo: document.body,
layout: 'form',
frame: true,
bodyStyle: 'position:relative;',
style: {
'margin-top': '5%',
'margin-left': '5%',
'margin-right': '5%'
},
autoWidth: true,
labelWidth: 70,
defaultType: 'button',
buttonAlign: 'center',
height: 300,
items: [
new Ext.Container({
width: 1230,
height: 100,
layout: {
type: 'hbox',
align: 'middle',
pack: 'center'
},
items: [
buttonPlatlist,
{
xtype:'spacer',
width:'20px'
},
buttonAP,
{
xtype:'spacer',
width:'20px'
},
buttonMatrix,
{
xtype:'spacer',
width:'20px'
},
buttonOutput,
{
xtype:'spacer',
width:'20px'
},
buttonSectional
]
})
]

scottmartin
17 Apr 2012, 6:54 AM
Can we get some additional details on your setup?
-Version of ExtJS3
-Version of IE; browser mode;
-OS

I was unable to duplicate the reported problem using your code. See attached

34127

Regards,
Scott