PDA

View Full Version : Viewport + Iframe = ¿Problem with Chrome?



kromcete
14 Nov 2010, 4:07 AM
Hello everybody,

I have a little application embeded in an iframe. The problem appears with some navigators, testers
reporting from some versions of FF, and later Chrome.

The viewport has en embedded grouptabpanel, as the one used on the example of the web (Similar options,
just changed the content).

Have tried to solve this for hours, but i don't know how could i solve the problem, and after a while thought to report it here.


Bad looking (Chrome):
http://img245.imageshack.us/img245/7537/chromemal.th.png (http://img245.imageshack.us/i/chromemal.png/)

Good looking (Later FF):
http://img401.imageshack.us/img401/1488/ffbien.th.png (http://img401.imageshack.us/i/ffbien.png/)

Code:


*************************************************************************************/
var viewport = new Ext.Viewport({
layout: 'fit',
items:[{
xtype: 'grouptabpanel',
tabWidth: 130,
activeGroup: 0,
items: [{
mainItem: 0,//Pestaña que pone como principal
// Primer Tab
items: [{
//Etiqueta principal(Your Account)
layout: 'fit',
title: 'Your Account',
iconCls: 'x-icon-lineage2',
tabTip: 'Main zone',
style: 'padding: 10px;',
items: [ layout ]
},
{
//Zona Your Account : Search
title: 'Search',
layout: 'fit',
iconCls: 'x-icon-search',
tabTip: 'Search for items',
style: 'padding: 10px;',
items: [ layoutSearch ]
},
{//Zona Your Account : Profile
title: 'Warnings',
layout: 'fit',
iconCls: 'x-icon-editprofile',
tabTip: 'Your account as player',
style: 'padding: 10px;',
items: [ warningGrid ]
},
{//Zona Your Account : Donaciones
title: 'Donations',
layout: 'fit',
iconCls: 'x-icon-donations',
tabTip: 'Donations section',
style: 'padding: 10px;',
items: [ layoutDonacion ]
}
]
},
// Segundo Tab
{
items: [{
title: 'Game Account',
iconCls: 'x-icon-config',
tabTip: 'Ingame options',
style: 'padding: 10px;',
layout: 'fit',
items: [layoutAcc]
},
{
title: 'Char Manager',
id: 'charManagerView',
iconCls: 'x-icon-manager',
tabTip: 'Char Manager',
style: 'padding: 10px;',
layout: 'fit',
disabled: false,
items: [charGrid]
}
]
}]
}]
});