menu wrap - half fix in UI for ASP.NET AJAX Menu

Piyush Bhatt

166 posts

Member since:
Nov 2007

Posted 14 Jan 2008 Link to this post

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

Admin

8462 posts

Posted 14 Jan 2008 Link to this post

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

166 posts

Member since:
Nov 2007

Posted 14 Jan 2008 Link to this post

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

Admin

8462 posts

Posted 15 Jan 2008 Link to this post

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

166 posts

Member since:
Nov 2007

Posted 17 Jan 2008 Link to this post

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

-Piyush

Piyush Bhatt

166 posts

Member since:
Nov 2007

Posted 24 Jan 2008 Link to this post

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

Atanas Korchev

Admin

8462 posts

Posted 25 Jan 2008 Link to this post

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

111 posts

Member since:
Nov 2005

Posted 22 Mar 2008 Link to this post

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

166 posts

Member since:
Nov 2007

Posted 24 Mar 2008 Link to this post

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)

27 posts

Member since:
Mar 2007

Posted 15 Apr 2008 Link to this post

Where can I get that hotfix?

Paul

Admin

4281 posts

Posted 16 Apr 2008 Link to this post

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

166 posts

Member since:
Nov 2007

Posted 16 Apr 2008 Link to this post

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

rh

192 posts

Member since:
Jan 2007

Posted 19 Apr 2008 Link to this post

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

Admin

6637 posts

Posted 21 Apr 2008 Link to this post

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