I've tried to minimize the markup as much as possible. I've dumped some CSS rules being used for layout on here as well.
<%@ Page Title="" Language="C#" MasterPageFile="~/TabbedPage.Master" AutoEventWireup="true"
CodeBehind="DashboardAjaxTest.aspx.cs" Inherits="ADITime.Web.UI.Home.DashboardAjaxTest" %>
<asp:Content ID="contentSupervisorHomeLinks" ContentPlaceHolderID="contentLinks"
runat="server">
</asp:Content>
<asp:Content ID="contentSupervisorHomeInline" ContentPlaceHolderID="contentInlineCss" runat="server">
<style type="text/css">
div.dockZone
{
width: 335px;
height: 100%;
float: left;
}
#divLeftZone
{
width: 33%;
}
#divRightZone
{
width: 65%;
}
.radDockContainer {
box-shadow:5px 5px 5px #b7b7b7;
border-radius:5px;
margin-bottom: 10px;
}
.rdTitleBar em
{
font-size: 16px !important;
font-weight: bold !important;
color: #384E73 !important;
}
.marginTopSpacer {
margin-top: 10px;
}
a.titleLink {
color: #384E73;
font-weight: bold;
text-decoration: none;
}
a.titleLink:hover{color: #05789a;}
.comboBoxPeriodContainer {
margin-top: 10px;
margin-bottom: 10px;
}
.messageHighlight {
margin-top: 10px;
margin-bottom: 10px;
}
.listViewContainer
{
margin: 5px;
padding: 5px 10px 5px 10px;
border-radius: 6px;
background-color: white;
border: 1px solid #717073;
color: #384E73;
}
.leftTimeColumn {
float: left;
width: 80%;
}
.rightTimeColumn
{
float: left;
width: 19%;
}
.rightAlignText {
text-align: right;
}
.RadDockZone {
padding-top: 0px !important;
}
.identifierImage {
vertical-align: middle;
}
/* RadTabStrip overrides for floating docks */
.RadTabStrip .rtsLevel {
clear: none !important;
}
.RadTabStrip::after, .RadTabStripVertical::after, .RadTabStrip .rtsLevel::after, .RadTabStripVertical .rtsLevel::after,
.RadTabStrip .rtsScroll::after, .RadTabStripVertical .rtsScroll::after, .RadTabStrip .rtsUL::after, .RadTabStripVertical .rtsUL::after,
.RadTabStrip .rtsLI::after, .RadTabStripVertical .rtsLI::after
{
clear: none !important;
}
</style>
</asp:Content>
<asp:Content ID="contentSupervisorHomeScript" ContentPlaceHolderID="contentScript"
runat="server">
<telerik:RadCodeBlock runat="server" ID="codeBlockSupervisorHome">
<script type="text/javascript">
function runOnResize() {
if (typeof window.onresize == 'function') {
var functionName = window.onresize;
//setTimeout(functionName, 0);
}
}
</script>
</telerik:RadCodeBlock>
</asp:Content>
<asp:Content ID="contentSupervisorHomeMain" ContentPlaceHolderID="contentMain" runat="server">
<telerik:RadAjaxManagerProxy ID="ajaxManagerSupervisorHome" runat="server" >
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="dockZoneLeft">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="dockZoneLeft" LoadingPanelID="loadingPanelSupervisorHome"/>
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="dockZoneRight">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="dockZoneRight" LoadingPanelID="loadingPanelSupervisorHome"/>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManagerProxy>
<telerik:RadAjaxLoadingPanel ID="loadingPanelSupervisorHome" runat="server" InitialDelayTime="0000" MinDisplayTime="2000" />
<telerik:RadDockLayout ID="dockLayoutSupervisorHome" runat="server" Visible="True"
Skin="Office2010Silver"
OnLoadDockLayout="DockLayoutSupervisorHome_LoadDockLayout"
OnSaveDockLayout="DockLayoutSupervisorHome_SaveDockLayout"
>
<div id="divDashboardLayout">
<div id="divLeftZone" class="dockZone">
<telerik:RadDockZone ID="dockZoneLeft" runat="server" Orientation="Vertical" MinHeight="800px" MinWidth="250px" BorderStyle="None">
<telerik:RadDock ID="dockTimeCardExceptions" runat="server" Height="500px"
UniqueName="dockTimeCardExceptions"
AutoPostBack="True"
CommandsAutoPostBack="True"
EnableAnimation="true"
Resizable="true"
DefaultCommands="PinUnpin,ExpandCollapse,Close"
DockMode="Docked"
EnableRoundedCorners="true"
CssClass="radDockContainer"
DockHandle="TitleBar"
OnCommand="Dock_Command" >
<ContentTemplate>
<telerik:RadAjaxPanel ID="RadAjaxPanel7" runat="server" LoadingPanelID="loadingPanelSupervisorHome" HorizontalAlign="Center" >
<div id="chartPlaceHolderException" class="chartPlaceholder" runat="server">
<telerik:RadHtmlChart ID="pieChartExceptionSummary" runat="server" Width="350" Height="250" Transitions="true"
Skin="WebBlue" >
<ChartTitle >
<Appearance Align="Center" BackgroundColor="White" Position="Top" Visible="false" />
</ChartTitle>
<Legend>
<Appearance BackgroundColor="White" Position="Right" Visible="True"></Appearance>
</Legend>
<PlotArea >
<Series>
<telerik:PieSeries StartAngle="90" >
<LabelsAppearance Position="Circle" DataFormatString="{0}" Visible="True"></LabelsAppearance>
<TooltipsAppearance DataFormatString="{0}"></TooltipsAppearance>
<Items>
<telerik:SeriesItem BackgroundColor="Red" Name="MP" YValue="1" />
</Items>
</telerik:PieSeries>
</Series>
<Appearance>
<FillStyle BackgroundColor="White" />
</Appearance>
</PlotArea>
</telerik:RadHtmlChart>
</div>
</telerik:RadAjaxPanel>
</ContentTemplate>
</telerik:RadDock>
</telerik:RadDockZone>
</div>
<div id="divRightZone" class="dockZone">
<telerik:RadDockZone ID="dockZoneRight" runat="server" Orientation="Vertical" MinHeight="800px" MinWidth="250px" BorderStyle="None" >
</telerik:RadDockZone>
</div>
</div>
</telerik:RadDockLayout>
<div class="clear"></div>
</asp:Content>
Basically, what I've narrowed it down to is the ajax on the rad zone. Remove that and all is fine, but I don't want to trigger a post back or have that flash/blink when moving docks. Yet, we want individual ajax on dock content to keep load down.
Thanks for taking a look. Let me know if you need anything more.