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>
| <telerik:RadChart ID="chartPropertyStatus" runat="server" DataSourceID="ObjectDataSource1" |
| Skin="Office2007" SeriesOrientation="Horizontal" Width="1024px" |
| Visible="True"> |
| <Series> |
| <telerik:ChartSeries DataYColumn="DaysActive" Name="Property Status" |
| DataLabelsColumn="Label" DataXColumn="OrderBy" Appearance-LegendDisplayMode="ItemLabels"> |
| <Appearance> |
| <FillStyle FillType="Solid" MainColor="69, 115, 167"> |
| </FillStyle> |
| <TextAppearance TextProperties-Color="Black"> |
| </TextAppearance> |
| <Border Color="69, 115, 167" /> |
| </Appearance> |
| </telerik:ChartSeries> |
| </Series> |
| <PlotArea> |
| <EmptySeriesMessage> |
| <TextBlock Text="This Property has no 'Property Status' History yet."> |
| </TextBlock> |
| </EmptySeriesMessage> |
| <XAxis AutoScale="true" DataLabelsColumn="SaleStatus" |
| MinValue="1" Step="1" MaxValue="7"> |
| <Appearance Color="134, 134, 134" MajorTick-Color="134, 134, 134" |
| PenStyle="Dash"> |
| <MajorGridLines Color="134, 134, 134" Width="0" /> |
| <TextAppearance TextProperties-Color="Black"> |
| </TextAppearance> |
| </Appearance> |
| <AxisLabel> |
| <Appearance RotationAngle="270"> |
| </Appearance> |
| <TextBlock> |
| <Appearance TextProperties-Color="Black"> |
| </Appearance> |
| </TextBlock> |
| </AxisLabel> |
| <Items> |
| <telerik:ChartAxisItem Value="1"> |
| <TextBlock Text="abc"> |
| </TextBlock> |
| </telerik:ChartAxisItem> |
| <telerik:ChartAxisItem Value="2"> |
| <TextBlock Text="abc"> |
| </TextBlock> |
| </telerik:ChartAxisItem> |
| <telerik:ChartAxisItem Value="3"> |
| <TextBlock Text="abc"> |
| </TextBlock> |
| </telerik:ChartAxisItem> |
| <telerik:ChartAxisItem Value="4"> |
| <TextBlock Text="abc"> |
| </TextBlock> |
| </telerik:ChartAxisItem> |
| <telerik:ChartAxisItem Value="5"> |
| <TextBlock Text="abc"> |
| </TextBlock> |
| </telerik:ChartAxisItem> |
| <telerik:ChartAxisItem Value="6"> |
| <TextBlock Text="abc"> |
| </TextBlock> |
| </telerik:ChartAxisItem> |
| <telerik:ChartAxisItem Value="7"> |
| <TextBlock Text="abc"> |
| </TextBlock> |
| </telerik:ChartAxisItem> |
| </Items> |
| </XAxis> |
| <YAxis> |
| <Appearance Color="134, 134, 134" MajorTick-Color="134, 134, 134" |
| MinorTick-Color="134, 134, 134"> |
| <MajorGridLines Color="134, 134, 134" /> |
| <MinorGridLines Color="134, 134, 134" /> |
| <TextAppearance TextProperties-Color="Black"> |
| </TextAppearance> |
| </Appearance> |
| <AxisLabel> |
| <Appearance RotationAngle="0"> |
| </Appearance> |
| <TextBlock> |
| <Appearance TextProperties-Color="Black"> |
| </Appearance> |
| </TextBlock> |
| </AxisLabel> |
| </YAxis> |
| <YAxis2> |
| <AxisLabel> |
| <Appearance RotationAngle="0"> |
| </Appearance> |
| </AxisLabel> |
| </YAxis2> |
| <Appearance Dimensions-Margins="18%, 6%, 12%, 15%"> |
| <FillStyle FillType="Solid" MainColor=""> |
| </FillStyle> |
| </Appearance> |
| </PlotArea> |
| <Appearance> |
| <Border Color="134, 134, 134" /> |
| </Appearance> |
| <ChartTitle> |
| <Appearance> |
| <FillStyle MainColor=""> |
| </FillStyle> |
| </Appearance> |
| <TextBlock Text="Property Status"> |
| <Appearance TextProperties-Color="Black" TextProperties-Font="Arial, 18px"> |
| </Appearance> |
| </TextBlock> |
| </ChartTitle> |
| <Legend Visible="False"> |
| <Appearance Dimensions-Margins="15%, 2%, 1px, 1px" |
| Dimensions-Paddings="2px, 8px, 6px, 3px" Visible="False"> |
| <ItemTextAppearance TextProperties-Color="Black"> |
| </ItemTextAppearance> |
| <ItemMarkerAppearance Figure="Square"> |
| </ItemMarkerAppearance> |
| </Appearance> |
| </Legend> |
| </telerik:RadChart> |