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


    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" />
                                <telerik:RadMenuItem runat="server" Text="Production Performance Dashboard">
                                        <telerik:RadMenuItem runat="server" ImageUrl="/_layouts/images/reportwebpart.gif" Text="Schematic">
                                        <telerik:RadMenuItem runat="server" ImageUrl="/_layouts/images/pi_pi.gif" Text="Trend">
  2. Answer
    Yana avatar
    4547 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  

    I hope this helps.

    Best wishes,
    the Telerik team

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

Back to Top