[Solved] Menu Item Width Problem

[Chris]

In vertical mode, there seems to be a space at the end of each menu item when hovering over the item. My code:

 

<

 

telerik:RadMenu ID="mnuSubMain" runat="server" Flow="Vertical" Width="100%"></telerik:RadMenu>

 

 

 

The menu resides inside a <table> with a fixed width of 160px. Here's the screen shot:

<img src="http://www.caldwellweb.com/sshot.gif" alt="">

I've tried adjusting the vertical css with an override and testing with different widths and parent containers.

Any help would be great. Thanks.

[Alex Gyoshev]

Hello Chris,

Very strange issue, indeed! It seems that it has to do something with the table - we'll look into the problem.

Until it is fixed, you can use one of the following work-arounds:

• set a pixel width of the menu, e.g.
  <telerik:RadMenu ID="RadMenu1" runat="server" Flow="Vertical" Width="160px">
• add the following CSS to the page:
  <style type="text/css">
      .rmRootGroup > .rmItem > .rmLink { width: auto !important; }
  </style>

Your Telerik points have been updated.

All the best,
Alex
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.