RadMenu Custom Skin - Show right arrow

[Alan Brown]

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.

[Princy]

Hi,

Please  try the following  css :

 <style type="text/css">
       .RadMenu_Default .rmHorizontal .rmExpandDown
        {
          background: transparent url('../Images/rmSprite.png') no-repeat rightright !important;
          display: inline-block !important;
        }

    </style>

Thanks,
Princy

[Alan Brown]

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 ">
  <a href="xx.aspx" title="View single item" class="rmLink" ID="ctl00"><span class="rmText">Single Item</span></a>
</li>
<li class="rmItem ">
  <a href="yy.aspx" title="View single item" class="rmLink" ID="RadMenuItem8"><span class="rmText">Job Logs</span></a>
</li>
<li class="rmItem ">
  <a 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.

[Kamen Bundev]

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.

[Brian]

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

[Kamen Bundev]

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