RadMenu Custom Skin - Show right arrow

6 posts, 0 answers
  1. Alan Brown
    Alan Brown avatar
    4 posts
    Member since:
    Oct 2004

    Posted 10 Mar 2010 Link to this post

    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.
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 11 Mar 2010 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Alan Brown
    Alan Brown avatar
    4 posts
    Member since:
    Oct 2004

    Posted 15 Mar 2010 Link to this post

    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.
  5. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 18 Mar 2010 Link to this post

    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.
  6. Brian
    Brian avatar
    1 posts
    Member since:
    Jun 2009

    Posted 02 Nov 2010 Link to this post

    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
  7. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 09 Nov 2010 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017