PDA

View Full Version : Problem with button icon align and white space in IE



rafaelrp
4 Jun 2012, 6:44 AM
Hello,

I have a problem with button align, the icon of the button aligns to the left and i need the icon on center,
and another problem, below the toolbar there's a white space only in IE.

IE:

35912

Chrome:

35913

Thanks !

mitchellsimoens
7 Jun 2012, 1:21 PM
What Ext JS 4 version and is there a test case so I can inspect the DOM?

rafaelrp
12 Jun 2012, 3:45 AM
Here's the code!



Ext.create('Ext.container.Viewport', {
id: 'mainViewport',
layout: 'border',
autoWidth: true,
items: [
{
region : 'north',
id : 'menuToolbar',
xtype : 'panel',
border : 0,
margins : '0 0 0 0',
tbar: [
{
xtype : 'splitbutton',
text : 'Sistema',
scale : 'large',
rowspan : 3,
iconCls : 'jornada_trabalho',
iconAlign : 'top',
arrowAlign :'bottom',
menu : [
{
text : 'Home',
icon : 'imagens/16x16/home.png',
handler : function(){
//panelLoad('centerPanel', 'Grupo Cielo - Jornada de Trabalho', 'index2.php', '');
}
}
]
},
'->',
{
xtype : 'button',
text : 'Logout',
scale : 'large',
rowspan : 3,
iconCls : 'door_open',
iconAlign : 'top',
arrowAlign :'bottom'
}
]
},
{
region : 'center',
id : 'centerPanel',
xtype : 'panel',
autoWidth : true,
autoScroll : true,
border : 0,
contentEl : 'main'
}]
});


Thanks !~o)