RadMenu & IE10 IFrame Issue

18 posts, 0 answers
  1. Stan
    Stan avatar
    3 posts
    Member since:
    Jul 2012

    Posted 09 Oct 2012 Link to this post

    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.

  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 11 Oct 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Stan
    Stan avatar
    3 posts
    Member since:
    Jul 2012

    Posted 11 Oct 2012 Link to this post

    Ok, good to hear.  Thanks for the response!
    Stan
  5. Kevtheara
    Kevtheara avatar
    1 posts
    Member since:
    May 2011

    Posted 02 Nov 2012 Link to this post

    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
  6. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 07 Nov 2012 Link to this post

    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.
  7. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 12 Nov 2012 Link to this post

    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.
  8. David
    David avatar
    7 posts
    Member since:
    Jan 2011

    Posted 12 Nov 2012 Link to this post

    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
  9. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 13 Nov 2012 Link to this post

    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.
  10. David
    David avatar
    7 posts
    Member since:
    Jan 2011

    Posted 15 Nov 2012 Link to this post

    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>

  11. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 20 Nov 2012 Link to this post

    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.
  12. David
    David avatar
    7 posts
    Member since:
    Jan 2011

    Posted 20 Nov 2012 Link to this post

    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?
  13. Martin
    Admin
    Martin avatar
    811 posts

    Posted 23 Nov 2012 Link to this post

    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.
  14. David
    David avatar
    7 posts
    Member since:
    Jan 2011

    Posted 26 Nov 2012 Link to this post

    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.
  15. Martin
    Admin
    Martin avatar
    811 posts

    Posted 27 Nov 2012 Link to this post

    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.
  16. David
    David avatar
    7 posts
    Member since:
    Jan 2011

    Posted 11 Dec 2012 Link to this post

    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>


  17. Martin
    Admin
    Martin avatar
    811 posts

    Posted 12 Dec 2012 Link to this post

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