Menu item line spacing

[John]

I have a vertical menu that has menu items that need to wrap and I would like to adjust the spacing to make the wrapped text spacing smaller. Is this possible?

See the attachment.

[Kate]

Hello John,

I am not quite sure how you get the wrapping of the items but using the code below you can only adjust the left padding of the menu items:

<style type="text/css">
       div.RadMenu_Default .rmVertical .rmFirst,
       div.RadMenu_Default .rmVertical .rmLast,
       div.RadMenu_Default .rmVertical a.rmLink
       {
           white-space: normal;
       }

       div.RadMenu_Default .rmVertical a.rmLink
       {
           padding-left: 5px;
       }
   </style>

Regards,
Kate
the Telerik team

[John]

I'm concerned with the vertical spacing. The attached graphic shows what I'd like the menu to look like.

I got the wrapping with:

<style type="text/css">
.WrappingItem
{
white-space: normal;
}
</style>

and

item.CssClass = "WrappingItem"

[Kate]

Hello John,

Thanks for clarifying. You can use the following css class selector to reduce the space between the lines:

div.RadMenu_Default, div.RadMenu_Default a.rmLink
       {
           font: 12px/20px "Segoe UI" ,Arial,sans-serif;
       }

Regards,
Kate
the Telerik team