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

Menu does not scroll on window resize

9 Answers 165 Views

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

9 Answers, 1 is accepted

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.