CssClass on menu item

5 posts, 0 answers
  1. valerik
    valerik avatar
    5 posts
    Member since:
    Aug 2007

    Posted 18 Apr 2008 Link to this post


    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.
  2. Veselin Vasilev
    Veselin Vasilev avatar
    2992 posts

    Posted 21 Apr 2008 Link to this post

    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.

    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. valerik
    valerik avatar
    5 posts
    Member since:
    Aug 2007

    Posted 21 Apr 2008 Link to this post

    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.
  4. Han
    Han avatar
    10 posts
    Member since:
    Sep 2008

    Posted 28 Nov 2008 Link to this post

    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;


  5. Yana
    Yana avatar
    5013 posts

    Posted 01 Dec 2008 Link to this post

    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,
    the Telerik team

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