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.