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

RadMenu Custom Skin - Show right arrow

5 Answers 240 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Alan Brown
Top achievements
Rank 1
Alan Brown asked on 10 Mar 2010, 05:53 PM
We are using a custom skin based on the Web20 skin to display a vertical menu.

We would like to display a 'right arrow' if the root menu item contains sub items, (in the same way that the group items display a right arrow).

Does anyone have advice on how to achive this?

Thanks.

5 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 11 Mar 2010, 11:59 AM
Hi,

Please  try the following  css :

 <style type="text/css"
       .RadMenu_Default .rmHorizontal .rmExpandDown     
        {      
          backgroundtransparent url('../Images/rmSprite.png'no-repeat rightright !important;   
          displayinline-block !important;    
        }  
         
    </style>  
 


Thanks,
Princy
0
Alan Brown
Top achievements
Rank 1
answered on 15 Mar 2010, 02:02 PM
Thanks for that. Unfortunately, this does not work because we have a vertical menu. We tried various permutations and this is close to what we want:

  .RadMenu_SupportSkin .rmVertical .rmItem    
        {        
          background-image: url('Menu/rmSprite.png');  
          background-position: 100% -216px;  
          display: inline-block !important;   
          
        }   

However, that places a arrow against every item except the first and last.
The HTML markup does not seem to make a distinction between items with sub items and those without i.e.

<li class="rmItem ">  
  <href="xx.aspx" title="View single item" class="rmLink" ID="ctl00"><span class="rmText">Single Item</span></a>  
</li> 
<li class="rmItem ">  
  <href="yy.aspx" title="View single item" class="rmLink" ID="RadMenuItem8"><span class="rmText">Job Logs</span></a>  
</li> 
<li class="rmItem ">  
  <href="#" class="rmLink" ID="ctl02"><span class="rmText">Item with sub items</span></a>  
   <div class="rmSlide">  
     <ul class="rmVertical rmGroup rmLevel1">  
       ....  
     </ul>   
   </div> 
</li> 
 

Therefore, it does not seem to be possible to apply a class to the items with subitems.

Any ideas?

Thanks.
0
Kamen Bundev
Telerik team
answered on 18 Mar 2010, 02:42 PM
Hello Alan,

Can you send a support ticket with the skin in question and any referenced images by it plus a link to this forum post and I will fix the skin for you. Thank you in advance.

Greetings,
Kamen Bundev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Brian
Top achievements
Rank 1
answered on 02 Nov 2010, 11:23 PM
Hi All,

I'm using a RadMenu item & would also like to display a right arrow when a menu item contains sub menus items.  Looking in the source code I don't see a class item assigned to menu items that have submenu items.  Is there a property for the Radmenu that I'm maybe missing or a class that can be added to expandable items like in the SitePanelBar? 

Thanks,

Brian
0
Kamen Bundev
Telerik team
answered on 09 Nov 2010, 06:00 PM
Hello Brian,

There are expand arrow classes that are added to the .rmText element in all RadMenu levels, including root. The classes are: .rmExpandRight, .rmExpandLeft and .rmExpandDown.

All the best,
Kamen Bundev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Menu
Asked by
Alan Brown
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Alan Brown
Top achievements
Rank 1
Kamen Bundev
Telerik team
Brian
Top achievements
Rank 1
Share this question
or