This is a migrated thread and some comments may be shown as answers.

[Solved] Ajax Panel Causes Height Changes

1 Answer 109 Views

Ajax

This is a migrated thread and some comments may be shown as answers.

Paul asked on 17 Feb 2014, 12:23 PM

Afternoon All,

Apologies if this is the incorrect forum, I am using several of the telerik controls to put this into 1 particular forum and since I think its the Ajax panel causing the issue this was the best option.

I open a RadWindow and there is a white line at the bottom. (Screen3.png). If I cause a partial postback, i.e add a record and cancel, then the height auto-corrects itself (Screen4.png)

If I increase the height of my radmultipage then the white line disappears, but then when I cause a partial postback, the height "auto-corrects" and page disappears off the bottom. (Screen5.png)

I have tried alsorts to correct it and I am slowly losing the will to live, any help would be greatly appreciated.

Regards, Paul.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="StudyDetail.aspx.cs" Inherits="TargIT.DiloITControls.StudyDetail" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>View Study</title>

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">

<StyleSheets>

<telerik:StyleSheetReference Path="~/Stylesheets/Site.css" />

<telerik:StyleSheetReference Path="~/Stylesheets/Typography.css" />

<telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Editor.css" />

<telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Window.css" />

<telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Black.Editor.Black.css" />

<telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Black.Window.Black.css" />

<telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Default.Editor.Default.css" />

<telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Default.Window.Default.css" />

<telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Sunset.Editor.Sunset.css" />

<telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Sunset.Window.Sunset.css" />

<telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Telerik.Editor.Telerik.css" />

<telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Telerik.Window.Telerik.css" />

<telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Windows7.Editor.Windows7.css" />

<telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Windows7.Window.Windows7.css" />

<telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Web20.Editor.Web20.css" />

<telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.Web20.Window.Web20.css" />

<telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.WebBlue.Editor.WebBlue.css" />

<telerik:StyleSheetReference Assembly="Telerik.Web.UI.Skins" Name="Telerik.Web.UI.Skins.WebBlue.Window.WebBlue.css" />

</StyleSheets>

</telerik:RadStyleSheetManager>

<script type="text/javascript">

function GetRadWindow() {

var oWindow = null;

if (window.radWindow)

oWindow = window.radWindow;

else if (window.frameElement.radWindow)

oWindow = window.frameElement.radWindow;

return oWindow;

}

function DeleteClose(args) {

var oWnd = GetRadWindow();

oWnd.BrowserWindow.deleteStudy(args);

oWnd.close();

}

function Close() {

GetRadWindow().Close();

}

function PopUpCentered(sender, eventArgs) {

var popUp = eventArgs.get_popUp();

var popUpPopUpWidth = popUp.style.width.substr(0, popUp.style.width.indexOf("px"));

var popUpPopUpHeight = popUp.style.height.substr(0, popUp.style.height.indexOf("px"));

var windowHeight = (typeof window.innerHeight != 'undefined' ? window.innerHeight : document.body.offsetHeight);

var windowWidth = document.body.offsetWidth;

if (popUpPopUpHeight == "") popUpPopUpHeight = 300;

popUp.style.position = "fixed";

popUp.style.left = (Math.floor((windowWidth - popUpPopUpWidth) / 2)).toString() + "px";

popUp.style.top = (Math.floor((windowHeight - popUpPopUpHeight) / 2)).toString() + "px";

}

function RowDblClick(sender, eventArgs) {

editedRow = eventArgs.get_itemIndexHierarchical();

sender.get_masterTableView().editItem(editedRow);

}

var clickCalledAfterRadconfirm = false;

var lastClickedItem = null;

function OnClientItemClickingHandler(sender, eventArgs) {

var item = eventArgs.get_item();

if (item.get_value() == "DeleteStudy") {

if (!clickCalledAfterRadconfirm) {

eventArgs.set_cancel(true);

lastClickedItem = eventArgs.get_item();

radconfirm("Are you sure you want to delete this study?", confirmCallbackFunction, 330, 100, null, "Confirm Delete");

}

else if (item.get_value().indexOf("Export") != -1) {

IsExport = true;

}

function confirmCallbackFunction(args) {

if (args) {

clickCalledAfterRadconfirm = true;

lastClickedItem.click();

}

else

clickCalledAfterRadconfirm = false;

lastClickedItem = null;

}

var IsExport = false;

function OnRequestStart(sender, args) {

if (IsExport == true) {

IsExport = false;

args.set_enableAjax(false);

}

</script>

<style type="text/css">

html, body, form {

padding: 0;

margin: 0;

height: 100%;

}

</style>

</head>

<body style="background-color: white;">

<form runat="server" id="form1">

<telerik:RadScriptManager ID="rsmManager" runat="server"></telerik:RadScriptManager>

<telerik:RadSkinManager ID="rsmSkin" runat="server"></telerik:RadSkinManager>

<telerik:RadAjaxPanel ID="rapDiloDetails" runat="server" Height="100%" ClientEvents-OnRequestStart="OnRequestStart">

<telerik:RadNotification ID="rnTargIT" runat="server" EnableRoundedCorners="true" EnableShadow="true"

ShowCloseButton="false" Position="Center">

</telerik:RadNotification>

<telerik:RadToolBar ID="rtbPOs" runat="server" Width="100%" Height="3%">

<Items>

<telerik:RadToolBarButton Width="100%">

<ItemTemplate>

<telerik:RadMenu ID="rmStudy" runat="server" Width="100%" OnItemClick="rmStudy_ItemClick" OnClientItemClicking="OnClientItemClickingHandler" ExpandAnimation-Type="None" CollapseAnimation-Type="None" EnableSelection="false" Style="z-index: 2000;" ShowToggleHandle="true">

<Items>

<telerik:RadMenuItem Text="Tools & Options" ImageUrl="../Images/button_settings.png" Width="130px">

<Items>

<telerik:RadMenuItem Text="Add New" ImageUrl="../Images/button_add.png" Value="Add">

<Items>

<telerik:RadMenuItem Text="Add DILO" ImageUrl="../Images/button_add.png" Value="AddDILO"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Add Comment" ImageUrl="../Images/button_add.png" Value="AddComment"></telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Refresh" ImageUrl="../Images/button_reload.png" Value="Refresh"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Edit" ImageUrl="../Images/button_edit.png" Value="EditStudy"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Delete" ImageUrl="../Images/button_delete.png" Value="DeleteStudy"></telerik:RadMenuItem>

<telerik:RadMenuItem IsSeparator="true"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Close" ImageUrl="../Images/button_cancel.png" Value="CloseWindow"></telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Export" ImageUrl="../Images/button_export_excel.png" Width="130px">

<Items>

<telerik:RadMenuItem Text="DILOs" ImageUrl="../Images/button_export_csv.png">

<Items>

<telerik:RadMenuItem Text="Export to CSV" ImageUrl="../Images/button_export_csv.png" Value="DI_ExportCSV"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Export to Excel" ImageUrl="../Images/button_export_excel.png" Value="DI_ExportExcel"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Export to PDF" ImageUrl="../Images/button_export_pdf.png" Value="DI_ExportPDF"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Export to Word" ImageUrl="../Images/button_export_word.png" Value="DI_ExportWord"></telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="More Info" ImageUrl="../Images/button_information.png" Value="StudyInfo" Width="130px"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Layout" ImageUrl="../Images/button_view.png" Value="Layout" Width="130px">

<Items>

<telerik:RadMenuItem Text="Save Layout" ImageUrl="../Images/button_save.png" Value="SaveGrid"></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Reset Layout" ImageUrl="../Images/button_reload.png" Value="ResetGrid"></telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</ItemTemplate>

</telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

<div class="clsSummary">

<table style="width: 99%;">

<tr>

<td style="width: 20%;"><span class="clsInfoLabel">Description:</span>

<asp:Label ID="lblDescription" runat="server"></asp:Label>

</td>

<td style="width: 20%;"></td>

<td style="width: 20%;"><span class="clsInfoLabel">Go To:</span>

<telerik:RadComboBox ID="rcbStudyID" runat="server" ExpandAnimation-Type="None" Sort="Ascending"

CollapseAnimation-Type="None" DropDownAutoWidth="Enabled" MarkFirstMatch="true" Filter="Contains"

AutoPostBack="true" OnSelectedIndexChanged="rcbStudyID_SelectedIndexChanged">

</telerik:RadComboBox>

</td>

</tr>

</table>

</div>

<telerik:RadTabStrip ID="rtsStudy" runat="server" MultiPageID="rmpStudy" Width="100%" BackColor="#3A4A81" SelectedIndex="0">

<Tabs>

<telerik:RadTab runat="server" Text="DILOs" PageViewID="pvDILOs">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Documents" PageViewID="pvDocuments">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Comments" PageViewID="pvComments">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="rmpStudy" runat="server" SelectedIndex="0" Height="85%">

<telerik:RadPageView ID="pvDILOs" runat="server" Height="100%">

<telerik:RadGrid ID="rgDILOs" runat="server" OnNeedDataSource="rgDILOs_NeedDataSource"

OnItemCreated="rgDILOs_ItemCreated" OnItemEvent="rgDILOs_ItemEvent"

OnInsertCommand="rgDILOs_InsertCommand" OnUpdateCommand="rgDILOs_UpdateCommand"

OnDeleteCommand="rgDILOs_DeleteCommand"

AllowFilteringByColumn="true" AllowPaging="true" AllowSorting="true" EnableHeaderContextMenu="true"

EnableGroupsExpandAll="true" Height="100%" PageSize="50" ShowFooter="true" EnableHeaderContextFilterMenu="true"

EnableHeaderContextAggregatesMenu="true">

<ClientSettings AllowColumnsReorder="true" ReorderColumnsOnClient="true">

<ClientEvents OnPopUpShowing="PopUpCentered" OnRowDblClick="RowDblClick" />

<Selecting AllowRowSelect="true" />

<Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="95%" />

<Resizing AllowColumnResize="true" />

</ClientSettings>

<ExportSettings ExportOnlyData="true" IgnorePaging="true" OpenInNewWindow="true" FileName="DILOs Export" />

<GroupingSettings CaseSensitive="false" />

<MasterTableView AutoGenerateColumns="false" CommandItemDisplay="None" DataKeyNames="diloid" EditMode="PopUp"

GroupLoadMode="Client" NoMasterRecordsText="There are currently no DILOs associated with this study."

OverrideDataSourceControlSorting="true" ShowGroupFooter="true" RetainExpandStateOnRebind="true">

<Columns>

<telerik:GridBoundColumn DataField="dilorefno" HeaderText="DILO Ref #"