This is a migrated thread and some comments may be shown as answers.

Menu does not scroll on window resize

9 Answers 139 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Graham Blankenbaker
Top achievements
Rank 1
Graham Blankenbaker asked on 05 Jun 2009, 12:40 AM
I am using the RadMenu control, I've set EnableRootItemScroll="true"  and the Width="100%" (for a fluid layout). If the browser window is opened with all navigation items displaying I don't get the scroll. As expected. But if I reduce the width of the browser window it hides all navigation items that aren't viewable but I still don't get the scrolls until I refresh the page. I noticed the "TabStrip" control handles this exact funtionality but I need the menu dropdown features. Is there an attribute I haven't set or is there a fix for this? Thank you!

9 Answers, 1 is accepted

Sort by
0
Paul
Telerik team
answered on 10 Jun 2009, 11:44 AM
Hi Charles,

We are currently working on this functionality and it will be included in some of the next internal builds.

Regards,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Graham Blankenbaker
Top achievements
Rank 1
answered on 16 Jun 2009, 08:32 PM
Do you have an ETA on when this functionality will be available?
0
Paul
Telerik team
answered on 17 Jun 2009, 02:15 PM
Hi Charles,

This functionality is not fully implemented yet. Still, using the latest internal build of the control, you can easily achieve your goal by calling the repaint() client method on resize, i.e.:

<html xmlns="http://www.w3.org/1999/xhtml">  
<head runat="server">  
    <title></title>  
</head> 
<body onresize="pageLoad()">  
    <form id="form1" runat="server">  
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
    </telerik:RadScriptManager> 
 
    <script type="text/javascript">  
        function pageLoad() {  
            var menu = $find("<%= RadMenu1.ClientID %>");  
            menu.repaint();  
        }  
    </script> 
 
    <telerik:RadMenu ID="RadMenu1" runat="server" EnableRootItemScroll="true" Width="100%">  
        <Items> 
            <telerik:RadMenuItem runat="server" Text="Root RadMenuItem1">  
            </telerik:RadMenuItem> 
            <telerik:RadMenuItem runat="server" Text="Root RadMenuItem2">  
            </telerik:RadMenuItem> 
            <telerik:RadMenuItem runat="server" Text="Root RadMenuItem3">  
            </telerik:RadMenuItem> 
            <telerik:RadMenuItem runat="server" Text="Root RadMenuItem4">  
            </telerik:RadMenuItem> 
            <telerik:RadMenuItem runat="server" Text="Root RadMenuItem5">  
            </telerik:RadMenuItem> 
            <telerik:RadMenuItem runat="server" Text="Root RadMenuItem6">  
            </telerik:RadMenuItem> 
            <telerik:RadMenuItem runat="server" Text="Root RadMenuItem7">  
            </telerik:RadMenuItem> 
            <telerik:RadMenuItem runat="server" Text="Root RadMenuItem8">  
            </telerik:RadMenuItem> 
        </Items> 
    </telerik:RadMenu> 
    </form> 
</body> 
</html> 


Regards,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Graham Blankenbaker
Top achievements
Rank 1
answered on 19 Jun 2009, 12:57 AM
Not sure I understand. What do you mean by latest internal build of the control?
0
Paul
Telerik team
answered on 23 Jun 2009, 01:13 PM
Hi Charles,

You can download the latest internal build of the controls from here.

Regards,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Graham Blankenbaker
Top achievements
Rank 1
answered on 23 Jun 2009, 08:48 PM
We will have to replace the production Telerik DLL with the internal build one. We are looking to push this fix on to production as soon as possible. Can you advise? Also, when will the fix be available with the next production version?
0
Paul
Telerik team
answered on 26 Jun 2009, 01:48 PM
Hello Charles,

The next official release of RadControls for ASP.NET AJAX is planned for the next week.

Best wishes,
Paul
the Telerik team

Instantly find answers to your questions on the newTelerik Support Portal.
Check out the tipsfor optimizing your support resource searches.
0
Marcin Grabowski
Top achievements
Rank 1
answered on 16 Oct 2013, 12:06 PM
Hi.
Currently i use 2013.2.717.40 version of Telerik.Web.UI (Metro Skin). I have this same behavior like Graham Blankenbaker described:
"If the browser window is opened with all navigation items displaying I don't get the scroll. As expected. But if I reduce the width of the browser window it hides all navigation items that aren't viewable but I still don't get the scrolls until I refresh the page."

When i call repaint(), menu is displayed correctly. Have You changed something between the versions?
0
Boyan Dimitrov
Telerik team
answered on 21 Oct 2013, 01:15 PM
Hello,

I would like to clarify that if you set the RadMenu property "EnableRootItemScroll" to "true" and repaint the RadMenu control when the browser is resized  you can achieve better result. Please note that calling the RadMenu client-side repaint method when the browser 's width is reduced is the only workaround in this case.


Regards,
Boyan Dimitrov
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
Menu
Asked by
Graham Blankenbaker
Top achievements
Rank 1
Answers by
Paul
Telerik team
Graham Blankenbaker
Top achievements
Rank 1
Marcin Grabowski
Top achievements
Rank 1
Boyan Dimitrov
Telerik team
Share this question
or