IE7 Render Bug

3 posts, 0 answers
  1. Cary
    Cary avatar
    18 posts
    Member since:
    Feb 2008

    Posted 21 Apr 2009 Link to this post

    Hi, when I set the width of a Rad Menu to 100%, it renders fine in IE8, Firefox, Chrome, Safari, and Opera. In IE7 however it does not render at all and an IE8 browser rendering in IE7 compatibility mode does not render it either.

    For now I can unset the width of the menu however I like the overall look of it being stretched.

    Thanks,
    Cary

    I should note that as a temporary fix, in case anyone needs it, is to check the browser version and set the width in the code behind.
                if (Request.Browser.Browser == "IE" && Request.Browser.Version == "7.0"
                { 
                    return
                } 
                else 
                { 
                    rmNavigation.Width = Unit.Percentage(100.00); 
                } 

  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 23 Apr 2009 Link to this post

    Hello Cary,

    We tried to reproduce the reported issue using the latest intenal build of RadCOntrols for ASP.NET AJAX and the below code snippet, but to no avail. Could you provide any details on what might be different in your case?

    <form id="Form1" runat="server">  
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
    </telerik:RadScriptManager> 
    <telerik:RadMenu ID="RadMenu1" runat="server" Width="100%">  
    <Items> 
        <telerik:RadMenuItem runat="server" Text="Root RadMenuItem1">  
        <Items> 
            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">  
            </telerik:RadMenuItem> 
            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">  
            </telerik:RadMenuItem> 
        </Items> 
        </telerik:RadMenuItem> 
        <telerik:RadMenuItem runat="server" Text="Root RadMenuItem2">  
        <Items> 
            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">  
            </telerik:RadMenuItem> 
            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 2">  
            </telerik:RadMenuItem> 
            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 3">  
            </telerik:RadMenuItem> 
        </Items> 
        </telerik:RadMenuItem> 
        <telerik:RadMenuItem runat="server" Text="Root RadMenuItem3">  
        <Items> 
            <telerik:RadMenuItem runat="server" Text="Child RadMenuItem 1">  
            </telerik:RadMenuItem> 
        </Items> 
        </telerik:RadMenuItem> 
    </Items> 
    </telerik:RadMenu> 
    </form> 


    Thanks,
    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. Cary
    Cary avatar
    18 posts
    Member since:
    Feb 2008

    Posted 24 Apr 2009 Link to this post

    Hi Paul,

    I have been in meets for the last few days. I'll try it on my end to set the Menu Items if the display issue still persists. I use the Rad Menu for my site navigation so I dynamically build the menu based on pages and roles. I have the following snippet that is within a function called GetChildren. GetChildren is recursive so we can handle as many layers as needed for the navigation structure.

                    foreach (Ktek.Engine.Page pci in lc1)  
                    {  
                        Telerik.Web.UI.RadMenuItem childNode = new Telerik.Web.UI.RadMenuItem();  
                        childNode.Text = pci.Title;  
                        childNode.NavigateUrl = pci.Url;  
                        childNode.Value = pci.PageId.ToString();  
                        GetChildren(childNode);  
                        parentNode.Items.Add(childNode);  
                    } 

    <telerik:RadMenu ID="RadMenu1" Runat="server" Width="100%" /> 
Back to Top