IE7 Render Bug

[Cary]

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);
            }

[Paul]

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.

[Cary]

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%" />