PDA

View Full Version : menu item not shown correct when used with itemCls and a background image



vitolini
24 Aug 2009, 12:33 PM
I am creating a menu, and i'd like to use a different style with my menu items as well as an icon... Everything was working fine with ext 2.2 now i switched over to 3.0 and it doesn't look right anymore. Can anyone point me in the right direction?

If you look at the screenshot the parent menu item looks fine with the icon because it doesn't use the itemCls, it uses the default with specific iconCls... But the child items are not shown correct...


var reportMenu = new Ext.menu.Menu({ id: 'reportMenu', items: [
{ text: 'General', id: 'General', iconCls:'folderIcon', menu: [
{ id: 'columnsearch', text: 'Column Search', itemCls:'menuItem', handler: onReportClick},
{ id: 'config_param', text: 'Configuration Parameter Mainte', itemCls:'menuItem', handler: onReportClick},
{ id: 'dh', text: 'Database Header', itemCls:'menuItem', handler: onReportClick},
{ id: 'dt', text: 'Database Type', itemCls:'menuItem', handler: onReportClick},
]}
], listeners : { beforeshow : assertMenuHeight } });

here is the css code
.menuItem{
font-family:tahoma,arial,sans-serif;
font-size:11px;
white-space:nowrap;
color : #000000;
background-image:url(../pltx_gui/resources/images/silk/icons/report.png);
background-repeat: no-repeat;
}