I have a splitter pane which contains a loading pane and ajaxified asp.net panel. The panel contains some length content. I want the loading panel to cover the asp.net panel when an ajax update occurs. This works, but the loading panel appears to display outside of the splitter pane. (it extends below the bottom edge of the splitter pane) My markup is as follows:
Anyone know how to keep the loading panel contained within the splitter pane?
<telerik:RadSplitter ID="rsReport" |
runat="server" |
Width="100%" |
Height="100%" |
Orientation="Horizontal" |
ResizeWithParentPane="False" |
ResizeWithBrowserWindow="True" |
BorderSize="0" |
VisibleDuringInit="False" |
Skin="Windows7" |
HeightOffset="8" |
> |
<telerik:radpane runat="server" id="rtbPane" Scrolling="None" Width="100%" Height="32" Locked="True"> |
toolbar which initiates ajax updates of pnlReport </telerik:radpane> |
<telerik:radpane runat="server" id="rcPane" Scrolling="both" Width="100%" Height="100%" |
<telerik:RadAjaxLoadingPanel id="lpReport" Runat="server" Transparency="8" BackColor="#DFE9F5"><asp:Image id="Image340" runat="server" AlternateText="Loading..." BorderWidth="0px" ImageUrl="~/global/images/loading2.gif" style="margin-top:200px;"></asp:Image></telerik:RadAjaxLoadingPanel> |
<asp:Panel id="pnlReport" runat="Server" style="padding:4px;"> |
my lengthy content </asp:Panel> |
</telerik:radpane> |
</telerik:RadSplitter> |
Anyone know how to keep the loading panel contained within the splitter pane?