I need to set the radwindow height as 100% to the form window in IE,Chrome,Mozilla.When I am using the following code the radwindow is displayed as an attached file. Please help me to solve this issue.
Default.aspx page
<%
@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default2" %>
<%
@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head runat="server">
<title></title>
<style type="text/css">
html, body, form
{
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
}
</style>
</
head>
<
body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<script type="text/javascript">
function onWindowResize(oWindow)
{
setWinSize(oWindow);
}
function setWinSize(oWindow) {
var realBounds = $telerik.getBounds(oWindow.get_popupElement()); // The true size ;
var contentFrame = oWindow.get_contentFrame();
contentFrame.style.height = realBounds.height +
"px"; // Set the true height ;
if (realBounds.height < 150) {
contentFrame.style.height = realBounds.height +
"px"; // Set the true height ;
}
else {
contentFrame.style.height =
"100%";
}
}
function OnClientShow(oWindow, args)
{
setWinSize(oWindow);
}
</script>
<div>
<telerik:RadWindowManager ID="RadWindowManager1" runat="server">
<Windows>
<telerik:RadWindow ID="RadWindow1" runat="server" Width="600" Height="800"
KeepInScreenBounds="true" OnClientShow="OnClientShow" OnClientResize="onWindowResize" VisibleOnPageLoad="true"
NavigateUrl="Popup.aspx">
</telerik:RadWindow>
</Windows>
</telerik:RadWindowManager>
</div>
</form>
</
body>
</
html>