CssClass on menu item

[valerik]

Hello,

I'm building menu manually and have menu items that have children elements and some don't.

By default, the cursor is set to "default" meaning that mouse pointer will always stay as arrow in each element. What I want is to show "pointer" on each element that is clickable and arrow on element that is not clickable (the root element that has children elements).

I think I could do it through assigning a CssClass on particular elements - but this didn't work. After trying to diagnose the problem though "IE Developer Toolbar" I found that manually applied CssClass was never rendered into the final menu on HTML page. 

Am I doing something wrong?
Please help.

[Veselin Vasilev]

Hello valerik,

Thank you for contacting Telerik Support!

I tried to reproduce the problem, but to no avail.

Please find attached my project files, download them and give them a try.

I hope this helps.

Greetings,
Veskoni
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[valerik]

Thank you for your response.

Indeed, the example you showed above works well. So I had to find out why...

The result is that I'm also using "HighlightPath()" method on my menu.

After more testing I found that if I call "HighlightPath()" and "CssClass" methods together - the last one take  priority and the first one does not take effect.

[Han]

I have the same issue. Basically, i have the groupItem nested in the second level of the menu, and I set the cssclass to "custom", where the "custom" cssclass defined to show an arrow image at the right side of the link. However, the arrow is not showing in the menuitem where it suppose to show.

In Code:

groupItem.CssClass = "custom";


In css:

.RadMenu_Default .custom .link .expandRight

{

 

background: transparent url('../../../../App_Themes/css/expand.gif') no-repeat right center;

}

[Yana]

Hello Han,

Please try setting the css style like this:

RadMenu_Default .custom .expandRight,
RadMenu_Default .custom .expandLeft {
  background: transparent url('../../../../App_Themes/css/expand.gif') no-repeat right center !important;
}

Best wishes,
Yana
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.