Can you have an rmExpandBottom on a rootGroup

2 posts, 0 answers
  1. Lloyd Phillips
    Lloyd  Phillips avatar
    29 posts
    Member since:
    Dec 2004

    Posted 10 Jul 2008 Link to this post

    I seem to be struggling. I'm trying to get my Menu to have a down arrow next to my text in the main rootGroup when there are child items but I can't seem to get it to appear. I've looked  at the examples and on the screenshots the Web20 skin seems to do this BUT I've tried to implement that skin both using the embedded resources and by copying the files and whilst there is a down arrow in there, and one specified in the css it never appears. I've looked at the code and it seems these images don't get rendered, is there a problem or am I doing something wrong?

    Here's my css code if that helps:
    .RadMenu_ECargo{ font-family: Verdana, Helvetica, Arial, sans-serif; padding-left:20px; } 
     
    .RadMenu_ECargo .rmRootGroup{} 
    .RadMenu_ECargo .rmRootGroup .rmLink 
        color:#ffffff; text-decoration:none; 
        height:54px; padding:0 20px; line-height:54px; 
        background:transparent url('/Images/Global/nav-buttons-bg_normal.gif') repeat-x bottom left;  
        } 
    .RadMenu_ECargo .rmRootGroup .rmSeparator 
        height:54px; width:2px; 
        background:transparent url('/Images/Global/nav-buttons-bg_seperator.gif') no-repeat bottom left;  
        } 
    .RadMenu_ECargo .rmRootGroup .rmLink:hover, 
    .RadMenu_ECargo .rmRootGroup .rmFocused, 
    .RadMenu_ECargo .rmRootGroup .rmExpanded 
        background:transparent url('/Images/Global/nav-buttons-bg_over.gif') repeat-x bottom left;  
     
    .RadMenu_ECargo .rmRootGroup .rmExpandBottom, 
    .RadMenu_ECargo .rmRootGroup .rmExpandTop, 
    .RadMenu_ECargo .rmRootGroup .rmFocused .rmExpandBottom, 
    .RadMenu_ECargo .rmRootGroup .rmFocused .rmExpandTop, 
    .RadMenu_ECargo .rmRootGroup .rmExpanded .rmExpandBottom, 
    .RadMenu_ECargo .rmRootGroup .rmExpanded .rmExpandTop 
        background:transparent url(/Images/Global/nav-arrow-down.gif) right center no-repeat; 
     
    .RadMenu_ECargo .rmGroup .rmLink, 
    .RadMenu_ECargo .rmGroup .rmLink:hover, 
    .RadMenu_ECargo .rmGroup .rmFocused, 
    .RadMenu_ECargo .rmGroup .rmExpanded 
    { background:#ffffff none no-repeat 0 0; min-width:150px; border:1px solid #adadad; border-top:0; color:Black; 
        padding:5px 10px; height:20px; line-height:20px; } 
    .RadMenu_ECargo .rmGroup .rmSeparator{ height:0; border-bottom:1px solid #adadad; border-top:1px solid black;} 
    .RadMenu_ECargo .rmRootGroup .rmSlide 
        margin:-1px 0 0 0;} 

    Lloyd
  2. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2527 posts

    Posted 14 Jul 2008 Link to this post

    Hi Lloyd Phillips,

    The correct CSS class name is rmExpandDown. Once you replace the rmExpandBottom with rmExpandDown, the problem should disappear.

    Please let us know if you found the class name within our documentation so that we can fix the misleading text.

    Sincerely yours,
    Alex
    the Telerik team

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