Menu does not scroll on window resize

10 posts, 0 answers
  1. Graham Blankenbaker
    Graham Blankenbaker avatar
    6 posts
    Member since:
    Feb 2009

    Posted 04 Jun 2009 Link to this post

    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!
  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 10 Jun 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Graham Blankenbaker
    Graham Blankenbaker avatar
    6 posts
    Member since:
    Feb 2009

    Posted 16 Jun 2009 Link to this post

    Do you have an ETA on when this functionality will be available?
  5. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 17 Jun 2009 Link to this post

    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.
  6. Graham Blankenbaker
    Graham Blankenbaker avatar
    6 posts
    Member since:
    Feb 2009

    Posted 18 Jun 2009 Link to this post

    Not sure I understand. What do you mean by latest internal build of the control?
  7. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 23 Jun 2009 Link to this post

    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.
  8. Graham Blankenbaker
    Graham Blankenbaker avatar
    6 posts
    Member since:
    Feb 2009

    Posted 23 Jun 2009 Link to this post

    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?
  9. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 26 Jun 2009 Link to this post

    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.
  10. Marcin Grabowski
    Marcin Grabowski avatar
    20 posts
    Member since:
    Nov 2009

    Posted 16 Oct 2013 Link to this post

    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?
  11. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 21 Oct 2013 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017