PDA

View Full Version : IE9 and Firefox - Menu



dyth
4 Nov 2011, 11:34 PM
Hi All,

I having problem on Ext.menu and it work on Firefox, Chrom and Safari but IE9 (The alignment problem). Please reference to the screen capture (IE9 the menu did not show all but Firefox it show all - I did not change any code and using the same code [please reference to following])




tbMenuNews = {
id:'tbMenuNews',
text:'News',
icon:icoBtnNews24,
// arrowAlign:'bottom',
menu:new Ext.menu.Menu({
cls:'x-menu-medium',
items:[
{
text:'Announcements',
icon:icoBtnNews24,
itemCls:'x-menu-item-medium',
handler:function(){
var code = null;
var name = null;
}
},{
text:'Stock News',
icon:icoBtnNews24,
itemCls:'x-menu-item-medium',
handler:function(){
var code = null;
var name = null;

}
}
]
})
};


Thank You

P/S: if someone else has post the solution, kindly advise me the topic.

mitchellsimoens
18 Nov 2011, 11:53 AM
When you specify itemCls on the menu item, it looks like it works fine on my Chrome but looking at IE9 it messes up. itemCls is a config but it also has a default value that the menu item uses. So if you specify your itemCls like this does it work?


itemCls:'x-menu-item x-menu-item-medium',

dyth
20 Nov 2011, 5:10 PM
When you specify itemCls on the menu item, it looks like it works fine on my Chrome but looking at IE9 it messes up. itemCls is a config but it also has a default value that the menu item uses. So if you specify your itemCls like this does it work?


itemCls:'x-menu-item x-menu-item-medium',

Hi Mitchell,

Thanks for your replies, I've patch extjs from 3.3.1 to 3.4 and it solved the issue.

Thanks again