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

Can you have an rmExpandBottom on a rootGroup

1 Answer 38 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Lloyd Phillips
Top achievements
Rank 1
Lloyd Phillips asked on 10 Jul 2008, 05:56 AM
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

1 Answer, 1 is accepted

Sort by
0
Alex Gyoshev
Telerik team
answered on 14 Jul 2008, 10:09 AM
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
Tags
Menu
Asked by
Lloyd Phillips
Top achievements
Rank 1
Answers by
Alex Gyoshev
Telerik team
Share this question
or