| <telerik:RadDockLayout runat="server" ID="RadDockLayout1" |
| EnableViewState="true"> |
| <table style="width:100%" border="0" > |
| <tr > |
| <td style="width:30%"> |
| <telerik:RadDockZone runat="server" ID="RadDockZone1" Height="100%" |
| FitDocks="true" Width="100%" MinHeight="0" BorderWidth="0" Orientation="Vertical" Skin="Outlook"> |
| </telerik:RadDockZone> |
| </td> |
| <td style="width:30%" > |
| <telerik:RadDockZone runat="server" ID="RadDockZone2" Height="100%" |
| Width="100%" |
| Style="_height:100%;border-color:lightgray;float: right; margin-right: 0px" |
| Orientation="Vertical" FitDocks="true" Skin="WebBlue"> |
| </telerik:RadDockZone> |
| </td> |
| <td style="width:30%"> |
| <telerik:RadDockZone runat="server" ID="RadDockZone3" Height="100%" |
| Width="100%" Style="_height:100%;border-color:lightgray;float: right; margin-right: 0px" |
| Orientation="Vertical" FitDocks="true" Skin="Vista"> |
| </telerik:RadDockZone> |
| </td> |
| </tr> |
| </table> |
| vb.net codes: |
| Private Sub CreateDefaultRadDock() |
| Dim index As Integer |
| Dim DockList As New ArrayList() |
| Dim intCount As Integer = 0 |
| Dim intReminder As Integer |
| Dim dock As RadDock |
| If Not Me.chkWidgetList.Items Is Nothing Then |
| intCount = Me.chkWidgetList.Items.Count |
| End If |
| For index = 0 To intCount - 1 |
| dock = CreateRadDock(chkWidgetList.Items(index).Text) |
| intReminder = index Mod 3 |
| Select Case intReminder |
| Case 0 |
| RadDockZone1.Controls.Add(dock) |
| dock.Skin = "Web20" |
| Case 1 |
| RadDockZone2.Controls.Add(dock) |
| dock.Skin = "Vista" |
| Case 2 |
| RadDockZone3.Controls.Add(dock) |
| dock.Skin = "Outlook" |
| End Select |
| Me.chkWidgetList.Items(index).Selected = True |
| 'We want to save the dock state every time a dock is moved. |
| CreateSaveStateTrigger(dock) |
| 'Load the selected widget |
| dock.Tag = WidgetFolder + "/" + chkWidgetList.Items(index).Value |
| LoadWidget(dock) |
| Next index |
| Me.btnAdd.Enabled = False |
| Me.btnReset.Enabled = False |
| 'don't need to reload Dock |
| isNeedReload = False |
| End Sub |
<asp:Panel ID="Job_Report" runat="server" Width="805px">
<
fieldset>
<
legend>Search Bulk Job</legend>
<table>
<tr>
<td>
<uc1:CFNList id="CFNList1" runat="server">
</uc1:CFNList>
</td>
<td>
Job:
<br />
<telerik:RadTextBox ID="JobTextBox" runat="server" Width="100px" MaxLength="5"></telerik:RadTextBox>
</td>
<td>
Title:
<br />
<telerik:RadTextBox ID="TitleTextBox" runat="server" Width="100px" MaxLength="5"></telerik:RadTextBox>
</td>
<td>
<br />
<asp:Button ID="SearchJob" runat="server" Width="95px" Height="24px" CssClass="Button" Text="Search" OnClick="Search_Job_Click" OnClientClick="JavaScript: return ValidateData();" />
</td>
</tr>
<tr>
<td class="tbtxtbox" colspan="3" style="height:20px;">
<asp:Label ID="lblError" runat="server" Height="10px" Font-Size="Small" ForeColor="red" >
</asp:Label>
</td>
</tr>
</table>
</fieldset>
</asp:Panel>
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>