This is a migrated thread and some comments may be shown as answers.

CssClass on menu item

4 Answers 115 Views
Menu
This is a migrated thread and some comments may be shown as answers.
valerik
Top achievements
Rank 1
valerik asked on 18 Apr 2008, 08:36 PM
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.

4 Answers, 1 is accepted

Sort by
0
Veselin Vasilev
Telerik team
answered on 21 Apr 2008, 01:15 PM
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
0
valerik
Top achievements
Rank 1
answered on 21 Apr 2008, 03:30 PM
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.
0
Han
Top achievements
Rank 1
answered on 28 Nov 2008, 06:13 PM

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;

}

0
Yana
Telerik team
answered on 01 Dec 2008, 08:07 AM
Hello Han,

Please try setting the css style like this:

RadMenu_Default .custom .expandRight,  
RadMenu_Default .custom .expandLeft {  
  backgroundtransparent 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.
Tags
Menu
Asked by
valerik
Top achievements
Rank 1
Answers by
Veselin Vasilev
Telerik team
valerik
Top achievements
Rank 1
Han
Top achievements
Rank 1
Yana
Telerik team
Share this question
or