RadWindow shows blank page in IE

6 posts, 1 answers
  1. Thomas
    Thomas avatar
    5 posts
    Member since:
    Aug 2012

    Posted 15 Feb 2012 Link to this post

    Hi,

    This problem has cost me a few hours. I have a RadWindow which NavigationUrl is set to a page of my project. If I show the page in Firefox, everything is working fine. If I show the page in IE a blank page is displayed.

    The reason was, that I had the following line in my CSS of my target page:
    html, body
    {
    position: relative;
    }


    After deleting this line the page was displayed correct.

    FYI
  2. Answer
    Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 15 Feb 2012 Link to this post

    Hello Thomas,

     I am not sure why you need to put such a global relative positioning setting since this is not recommended and cause issues. Most often you can achieve the very same result by setting proper positioning for a container DIV which holds the content and I strongly recommend to rework your CSS accordingly.

    I tested with the setting and I was able to observe the problem only in IE7/8 and IE9 in Compat View. Moreover the issue comes from the setting to the HTML element and not the body and if you can remove that, it will be best. The issue is not directly related to RadWindow and can be easily reproduced with standard HTML elements configured in similar manner.

    The easiest and quick fix I could think of is to set relative position for the parent IFRAME element as follows:

    <script type="text/javascript">
          function OnClientShow(sender, args) {
              if ($telerik.isIE) sender.get_contentFrame().style.position = "relative";
          }
      </script>
      <telerik:RadWindow ID="w" runat="server" NavigateUrl="WebForm1.aspx" Modal="true"
          VisibleOnPageLoad="true" OnClientShow="OnClientShow">
      </telerik:RadWindow>

    This seems to work fine on my side but it is possible that you will face some problems in future and thus we recommend once again to remove the global style from the HTML element instead.

    Kind regards,
    Svetlina Anati
    the Telerik team
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Thomas
    Thomas avatar
    5 posts
    Member since:
    Aug 2012

    Posted 15 Feb 2012 Link to this post

    Hallo Svetlina,

    I have already removed the style element.
    I know that this issue is not related to RadWindow. I only wanted to share my solution to other telerik users because I found out that other users had similar problems.

    Thank you

    Thomas
  5. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 15 Feb 2012 Link to this post

    Hello Thomas,

     I apologize for missing the fact that you actually mention you have resolved the problem yourself. Thank you very much for sharing this with our community, we highly appreciate that!

    Greetings,
    Svetlina Anati
    the Telerik team
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  6. Tomas
    Tomas avatar
    3 posts
    Member since:
    May 2013

    Posted 31 May 2014 Link to this post

    Hello, I'm facing the very same issue now with IE 11, do you have any solution?
  7. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 02 Jun 2014 in reply to Tomas Link to this post

    Hi Tomas,

    Unfortunately I couldn't replicate the issue at my end. Please have a look into the sample code snippet which works fine at my end. Please provide your full code and mention your Telerik Version, if it doesn't help.

    ASPX:
    <telerik:RadWindow ID="RadWindow1" runat="server" NavigateUrl="DemoPage.aspx" Modal="true"
        VisibleOnPageLoad="true">
    </telerik:RadWindow>

    CSS:
    <style type="text/css">
        html, body
        {
            position: relative !important;
        }
    </style>

    Thanks,
    Princy.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017