RadWindow shows blank page in IE

[Ralph]

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

[Svetlina Anati]

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

[Ralph]

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

[Svetlina Anati]

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

[Tomas]

Hello, I'm facing the very same issue now with IE 11, do you have any solution?

[Princy]

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.