RadMenu problem with Firefox and Silverlight control

[nhaydon]

I am having an issue with the menu control ending up behind a Silverlight control. You can see it here

http://www.thelegendssouth.com/Elections/nominees.aspx

This only happens in FireFox, IE is fine.

Is there any resolution to this? Thanks.

[T. Tsonev]

Hi,

You should enable the windowless mode on your Silverlight controls:

<asp:Silverlight ID="Xaml1" runat="server" Windowless="true" ... />

This will enable other HTML elements to overlap them. As for IE, RadMenu uses a special overlay that is need to workaround other IE problems, but it will not work in other browsers.

More info about windowless mode can be found here:
    http://msdn.microsoft.com/en-us/library/system.web.ui.silverlightcontrols.silverlight.windowless(VS.95).aspx

Regards,
Tsvetomir Tsonev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Jen]

I have added the windowless property to the silverlight control.....it now works in firefox, but no longer works in IE....we are using version 2009.1.527.35 for this project

[T. Tsonev]

Hi Jen,

I've just tested your page under IE8,7,6 and FF and the menu seems to cover the Silverlight object. I've only removed the text paragraph, so the menu will in fact open over it. I'm attaching the screenshots.

Any additional information on how this issue can be reproduced is welcome.

Regards,
Tsvetomir Tsonev
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.

[Jen]

I am sorry, I didn't submit a page. So I don't understand your reply.  I can send you a screen shot if you provide me an email address.

This is my code on the page that has the silverlight control
<div id="silverlightControlHost">
  <asp:Silverlight ID="SilverlightMap"
             runat="server"
             Source="~/ClientBin/SilverlightUSMap.xap"
             Width="100%"
             Height="100%"
             Windowless="true">
  </asp:Silverlight>
</div>

This is the master page that has my rad menu on it.
<div id="menu">
                    <telerik:RadMenu ID="RadMenuMaster" runat="server" Flow="Horizontal" Skin="Hay" Width="780px">
                        <Items>
                            <telerik:RadMenuItem Value="MenuItemHome" Text="Home">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem Value="MenuItemAboutUs" Text="About Us">
                                <Items>
                                    <telerik:RadMenuItem Value="MenuItemCorporateProfile" Text="Corporate Profile" />
                                    <telerik:RadMenuItem Value="MenuItemManagementTeam" Text="Management Team" />
                                    <telerik:RadMenuItem Value="MenuItemInvestorLetter" Text="Investor Letter" />
                                </Items>
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem Value="MenuItemLandPortfolio" Text="Land Portfolio">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem Value="MenuItemSubstainability" Text="Substainability">
                                <Items>
                                    <telerik:RadMenuItem Value="MenuItemRuralRevitalization" Text="Rural Revitalization" />
                                    <telerik:RadMenuItem Value="MenuItemEcologicalAwarness" Text="Ecological Awareness" />
                                    <telerik:RadMenuItem Value="MenuItemMeetTenants" Text="Meet Our Tenants" />
                                </Items>
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem Value="MenuItemAgInformation" Text="Ag Information">
                                <Items>
                                    <telerik:RadMenuItem Value="MenuItemGlossaryTerms" Text="Glossary of Ag Terms" />
                                    <telerik:RadMenuItem Value="MenuItemGeneralInfo" Text="General Information" />
                                </Items>
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem Value="MenuItemCareers" Text="Careers">
                            </telerik:RadMenuItem>
                            <telerik:RadMenuItem Value="MenuItemContactUs" Text="Contact Us">
                            </telerik:RadMenuItem>
                        </Items>
                    </telerik:RadMenu>
            </div>                            
        </div><!-- end header div -->
        <div id="wrapper_content">
                <asp:Panel ID="PanelHeaderImage" runat="server">
                    <div id="header_img">
                        <asp:Image ID="ImageHomeContent" runat="server" ImageUrl="~/Images/in_img.jpg" />
                    </div>
                </asp:Panel>
                <div id="content">
                    <div id="breadcrumb">
                         <!-- breadcrumb -->
                        <asp:SiteMapPath ID="SiteMapPathAgCoaMaster" Runat="server" Visible="False" Width="100%" NodeStyle-ForeColor="#279500"></asp:SiteMapPath>
                    </div>
                    <telerik:RadAjaxPanel ID="RadAjaxPanelContent" runat="server">
                            <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
                                
                            </asp:ContentPlaceHolder>
                    </telerik:RadAjaxPanel>
                </div>
                <div class="clear"></div>
            </div><!-- end wrapper_content div -->

[Atanas Korchev]

Hi Jen,

We tested the provided url but we found no issues. Please provide a live url which shows the problem.

Regards,
Albert
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.