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

RadMenu & IE10 IFrame Issue

17 Answers 235 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Stan
Top achievements
Rank 1
Stan asked on 09 Oct 2012, 12:31 PM
Just recently updated our application with the latest Telerik release for IE10 support.  Majority of the bugs we saw are now resolved.  However, we are noticing an issue with the RadMenu.  On the expand of drop down menu, an iframe is rendered behind the menu item and can be seen with an "Windows Internet Explorer cannot load this page" or something along those lines.  Basically you can see the IE "World" image loaded behind the menu and once the menu is expanded it is covered up.  It is brief but noticeable.  

Do you have any suggestions or workarounds?  I do see the iframe markup so was considering adding a .rmSlide iframe CSS styling to perhaps hide it.

I tried to grab a screenshot but its near impossible to time it right.

17 Answers, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 11 Oct 2012, 02:32 PM
Hi Stan,

We are already aware of the issue that you describe and we are currently working on resolving it for the future release. It happens in IE10 only with controls that render an iFrame on the page.

Kind regards,
Kate
the Telerik team
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 their blog feed now.
0
Stan
Top achievements
Rank 1
answered on 11 Oct 2012, 08:15 PM
Ok, good to hear.  Thanks for the response!
Stan
0
Kevtheara
Top achievements
Rank 1
answered on 02 Nov 2012, 02:41 PM
I already upgraded my telerik control with RadControls for ASP.NET AJAX Q3 2012. I run the project in visual studio by click on Run the radmenu and radcombox work fine with my IE10 browser, but the deployment site is not working with IE 10.

Note: My development machine is using window 8 and Visual studio 2012.

Please help me on this issue.

Thanks,
Kevtheara Lim
0
Kate
Telerik team
answered on 07 Nov 2012, 08:24 AM
Hi Kevtheara,

One possible reason for the page containing the RadControl not to work would be that the resource file do not get applied correctly as described here.  I would also suggest that you check if there are any errors on the page that might be causing the issue that you get.

Regards,
Kate
the Telerik team
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 their blog feed now.
0
Kate
Telerik team
answered on 12 Nov 2012, 11:10 AM
Hi Kevtheara,

Do you get this error on ant of our on-line demos or it happens only with your application? Can you also send us a live url where we can observe the issue locally?

Kind regards,
Kate
the Telerik team
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 their blog feed now.
0
David
Top achievements
Rank 1
answered on 12 Nov 2012, 03:12 PM
Hi Kate,

We created a simple page with a RadMenu and a combo box.  The menu is in a master page and the combo box is in the page.  Everything worked fine until we dropped a RadAjaxPanel on the page.  That is when we get the error and the controls no longer work properly.

Make sure your browser is "IE10" and not "IE10 Compatibility View"

https://www.teamtsi.com/eventmanagersandbox/test.aspx
0
Kate
Telerik team
answered on 13 Nov 2012, 12:23 PM
Hello David,

For testing purpose can you please try to replace the RadAjaxPanel with a simple UpdatePanel and check if you get this exception as well.

All the best,
Kate
the Telerik team
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 their blog feed now.
0
David
Top achievements
Rank 1
answered on 15 Nov 2012, 03:37 PM
I replaced the RadAjaxPanel with the standard UpdatePanel.  I also had to replace the RadScriptManager with the standard ScriptManager.
We do not get the error now on the test page.  The RadCombo box now stretches all the way across the screen now but it does work.

https://www.teamtsi.com/eventmanagersandbox/test.aspx
 Below is the source for the page:

<%

 

@ Master Language="C#" AutoEventWireup="true" CodeBehind="Test.master.cs" Inherits="EventManager_Web.Test" %>

<%

 

@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<!

 

 

DOCTYPE html>

<

 

 

html xmlns="http://www.w3.org/1999/xhtml">

<

 

 

head runat="server">

 

<title></title>

 

<asp:ContentPlaceHolder ID="head" runat="server">

 

</asp:ContentPlaceHolder>

</

 

 

head>

<

 

 

body>

 

<form id="form1" runat="server">

 

<div>

 

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

 

<asp:UpdatePanel ID="UpdatePanel1" runat="server"></asp:UpdatePanel>

 

&nbsp;<telerik:RadMenu ID="RadMenu1" Runat="server">

 

</telerik:RadMenu>

 

<br />

 

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

 

</asp:ContentPlaceHolder>

 

</div>

 

</form>

</

 

 

body>

</

 

 

html>

0
Maria Ilieva
Telerik team
answered on 20 Nov 2012, 09:35 AM
Hi David,

I tried to replicate the problematic behaviour on my end but to no avail.

See the movie below which presents my local test in a sample application I have created on my side:
http://screencast.com/t/HOWUuroxA1

Let me know if I'm missing something.

All the best,
Maria Ilieva
the Telerik team
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 their blog feed now.
0
David
Top achievements
Rank 1
answered on 20 Nov 2012, 08:43 PM
Thanks Maria,

If we run locally on our development machines it works fine.  The problem is when we deploy it to our production server.  It seems as if we are missing something on the server.  We have deployed the latest Telerik DLLs.  Is there something else that we need to deploy?
0
Martin
Telerik team
answered on 23 Nov 2012, 04:24 PM
Hello David,

I have no idea what may be causing the issue on the live server. In addition it looks like the live sample page you have prepared no more replicates the issue. I would suggest that you drop the RadAjaxPanel back on the page so that it replicates the problem and set its EnableAjax=false property. This way I will be able to inspect the issue on my end and provide more to the point resolution.

Regards,
Martin
the Telerik team
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 their blog feed now.
0
David
Top achievements
Rank 1
answered on 26 Nov 2012, 05:00 PM
Thanks,
I have posted it back out there with the the RadAjaxpanel and set the EnableAjax=false.
https://www.teamtsi.com/eventmanagersandbox/test.aspx

Thanks for your help.
0
Martin
Telerik team
answered on 27 Nov 2012, 08:05 AM
Hello David,

I have checked your page once again, but I am still not getting any errors. Could you please confirm that on your side with the current state of the page?

If no issues arise, I would suggest that you turn back on the AJAX functionality of the RadAjaxPanel (by setting its EnableAjax="true" or by removing that property completely). If the issue replicates after this modification, please provide the exact steps I need to follow in order to observe it.

I also noticed that you have reported that the issue replicates on the production server and not on the development machine. However, from the error you have specified I noticed a reference to the AjaxControlToolkit. Could you please try adding the AjaxControlToolkit version of the production server to the development machine and verify whether the problem starts replicating on the development machine?

Kind regards,
Martin
the Telerik team
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 their blog feed now.
0
David
Top achievements
Rank 1
answered on 11 Dec 2012, 10:25 PM
I have changed the page back to where it no longer works:
https://www.teamtsi.com/eventmanagersandbox/test.aspx

I simply created the following and added a simple loop to create menu items.
This works just fine when running it from inside Visual Studio with IE10 but does not work when published to IIS7 (our production server) using IE10.  IE9 works just fine on both.

Here is the code:
Test.aspx.master:
-------

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Test.master.cs" Inherits="EventManager_Web.Test" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<asp:ContentPlaceHolder ID="head" runat="server">

</asp:ContentPlaceHolder>

</head>

<body>

<form id="form1" runat="server">

<div>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server"></telerik:RadAjaxPanel>

<telerik:RadMenu ID="RadMenu1" runat="server">

</telerik:RadMenu>

<br />

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

</div>

</form>

</body>

</html>


---------------------------
Test,Master.cs
---------------------------

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

namespace EventManager_Web

{

public partial class Test : System.Web.UI.MasterPage

{

protected void Page_Load(object sender, EventArgs e)

{

for (var i = 0; i < 3; i++)

{

var itm = new RadMenuItem("test" + i.ToString());

RadMenu1.Items.Add(itm);

for (var ii = 0; ii < 3; ii++)

{

var itms = new RadMenuItem("testsub" + ii.ToString());

itm.Items.Add(itms);

}

 

}

 

}

}

}



---------------------------
Test.aspx:
-------------------------

<%@ Page Title="" Language="C#" MasterPageFile="./Test.Master" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="EventManager_Web.Test1" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<telerik:RadComboBox ID="RadComboBox1" Runat="server">

<Items>

<telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem1" Value="RadComboBoxItem1" />

<telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem2" Value="RadComboBoxItem2" />

<telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem3" Value="RadComboBoxItem3" />

<telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem4" Value="RadComboBoxItem4" />

<telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem5" Value="RadComboBoxItem5" />

<telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem6" Value="RadComboBoxItem6" />

</Items>

</telerik:RadComboBox>

 

</asp:Content>


0
Martin
Telerik team
answered on 12 Dec 2012, 07:13 AM
Hello David,

We have made some additional research and it seems that the problem is in ASP.NET and not in RadControls. Please review this forum thread and let me know whether further assistance is needed.

All the best,
Martin
the Telerik team
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 their blog feed now.
0
David
Top achievements
Rank 1
answered on 12 Dec 2012, 05:35 PM
Tags
Menu
Asked by
Stan
Top achievements
Rank 1
Answers by
Kate
Telerik team
Stan
Top achievements
Rank 1
Kevtheara
Top achievements
Rank 1
David
Top achievements
Rank 1
Maria Ilieva
Telerik team
Martin
Telerik team
Share this question
or