RadMenu MenuItems break at the wrong place

[Gordon]

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>

[Yana]

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-left: 30px !important;
        }
        .RadMenu .rmLeftImage
        {
            position: absolute;
            left: 4px;
        }
    </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.