Resolved: Changing color of ItemText in Menu

[jitensachdeva]

Hi All,

I have started using Ext and liked it very much. I am creating a menu bar using Ext. I have achieved some good functionalities using menubar from user communities.

Now I want to change MenuItem's font color on Item activation. I observed that activeClass change the css of LI object and not the underlying anchor tag. I am able to get LI by using BaseItem.container property but dont know how to use it to change anchor tag property.

Any help/clue will be highly appreciated.

[jitensachdeva]

I have used following code snipnet:-



//aboutUSItem is an Item class object

aboutUSItem.on("activate", customMenubarActivate);
aboutUSItem.on("deactivate", customMenubarDeactivate);

function customMenubarActivate(baseItem){
var li = baseItem.container;
var anchorTag =li.dom.firstChild;
var oldClassName = anchorTag.className;
anchorTag.className ='test';
}

function customMenubarDeactivate(baseItem){
var li = baseItem.container;
var anchorTag =li.dom.firstChild;
anchorTag.className ='x-menu-item x-menu-item-arrow' ;
}