RadMenu MenuItems break at the wrong place

2 posts, 1 answers
  1. Gordon
    Gordon avatar
    9 posts
    Member since:
    Aug 2008

    Posted 31 Oct 2008 Link to this post

    Hi,

    I'm using RadMenu in a sharepoint page. I've skinned it with "Gray" which is the style we like the best.
    However when i add icons they cause the menu text to break and appear under the icon which is undesirable. (if the text is quite long)
    Is there any way to state "nobreak" to the menu

    So the markup looks like
    <telerik:RadMenu ID="RadMenu1" runat="server" Skin="Gray">
                            <CollapseAnimation Duration="200" Type="OutQuint" />
                            <Items>
                                <telerik:RadMenuItem runat="server" Text="Production Performance Dashboard">
                                    <Items>
                                        <telerik:RadMenuItem runat="server" ImageUrl="/_layouts/images/reportwebpart.gif" Text="Schematic">
                                        </telerik:RadMenuItem>
                                        <telerik:RadMenuItem runat="server" ImageUrl="/_layouts/images/pi_pi.gif" Text="Trend">
                                        </telerik:RadMenuItem>
  2. Answer
    Yana
    Admin
    Yana avatar
    4554 posts

    Posted 03 Nov 2008 Link to this post

    Hi Gordon,

    Please add the following css styles to your page to fix this issue:

    <style type="text/css">  
            .RadMenu .rmLink   
            {  
                padding-left: 0 !important;  
            }  
            .RadMenu .rmText  
            {  
                padding-left30px !important;  
            }  
            .RadMenu .rmLeftImage  
            {  
                positionabsolute;  
                left4px;  
            }  
        </style> 

    I hope this helps.

    Best wishes,
    Yana
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.

Back to Top