menu wrap - half fix

[Piyush Bhatt]

The Menu wrap issue has been talked about earlier. And I got the solution for the stylesheet so that it does not wrap.

        .RadMenu_Web20 .customWeb20Menu
        {
            padding-left:20px !important;
        }
        .RadMenu_Web20 .customWeb20Menu .rmLeftImage
        {
            margin-left:-20px !important; /* moves the image 20px to the left */
            margin-top: 5px !important;  /* moves the image 5px down */
        }

Now, when the page is loaded, the menu is not wrapped in FIREFOX, but it is wrapped in IE 7 for some items. When I move mouse over the item, it aligns text with the image, and next every time I open the menu it shows it fine. But the first time page loads, the menu text is wrapped.

Any suggestions?

Thanks,
Piyush

[Atanas Korchev]

Hello Piyush,

Our support system does not indicate any previous communication with regards to menu wrapping. Could you please provide some additional information about the problem? Thanks.

Regards,
Albert
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Piyush Bhatt]

Well, I searched for menu-wrap issue and RadControls forum has many posts regarding it. There was one post for Javascript option:

    window.onload=function()
    {
       //post did not have double quotes but without double quote mymenu is null
        var mymenu = $("<%= RadMenu1.ClientID %>");
        alert(mymenu);
        mymenu.FixListWidth(mymenu);
    }
Above code generate the error that FixListWidth() function is not defined in Prometheus.

And there was another post for CSS option that I listed earlier. With CSS it fixes it but not completely. I did not talk to any support member yet, I only searched the existing posts.

Thanks,
Piyush

[Atanas Korchev]

Hi Piyush,

You can try the following code snippet for RadMenu "Prometheus":

window.onload=function()
{

    var mymenu = $find("<%= RadMenu1.ClientID %>");
    var childListElement = mymenu.get_childListElement();
    var totalWidth = 0;
    for (var i = 0; i < childListElement.childNodes.length; i++)
    {
        var node = childListElement.childNodes[i];
        if (node.nodeType == 3) continue;

        totalWidth += node.offsetWidth;
        node.style.clear = "none";
    }

    childListElement.style.width = totalWidth + "px";
}

We will probably introduce equivalent of the FixListWidth item of the "Classic" RadMenu.

Regards,
Albert
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Piyush Bhatt]

This did not fix the problem - but my menu was Vertical and this change made it Horizontal.

-Piyush

[Piyush Bhatt]

Any update for this issue? The javascript function you gave did not work.

[Atanas Korchev]

Hi Piyush,

Please open a formal support ticket and send us a sample project so we can see the problem. Right now we cannot tell what problem is and how to solve it. Thanks.

Regards,
Albert
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Tree]

Any solution to this yet?  I need my menu item text to wrap.  Currently, text that is too long will push out the width of my menu items which is not what I want.

[Piyush Bhatt]

Well, for me this was fixed after getting hotfix. For me menu does not wrap.

Your problem is different when you want to wrap it. In that case may be you want to put <br/> or something like that to wrap it!

-Piyush

[John Billiris (JSBBS)]

Where can I get that hotfix?

[Paul]

Hello jsbbs,

You can download the official version of RadControls for ASP.NET AJAX that will be released later today.

Kind regards,
Paul
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Piyush Bhatt]

You don't need hotfix anymore. The problem was occuring before version 1425. In the new releases this problem is fixed.

[rh]

It's not fixed for me in the RadControls for ASP.NET AJAX release. My menu items still wrap. Some wrap when you hover over them - i.e. they look fine until you hover over them and then the text wraps to the next line. My child menu items just seem to always wrap.

[Peter]

Hello Roy,

Which skin do you use and how do you implement the menu? Do you have a live url or a small demo project which you can send to us via a support ticket?


Greetings,
Peter
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center