Menu item line spacing

4 posts, 0 answers
  1. John
    John avatar
    24 posts
    Member since:
    Jan 2011

    Posted 17 Apr 2012 Link to this post

    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.
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 18 Apr 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. John
    John avatar
    24 posts
    Member since:
    Jan 2011

    Posted 18 Apr 2012 Link to this post

    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" 
      
      
  5. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 23 Apr 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top