I have a splitter containing one radpane (radPaneMain) with the content and another one with an sliding pan (radPanEvent)(radPanEventContro). When the user resize the radPanEvent , an extra space is add to the Height of the panel, which cause the panel to be over the panel's button.
Here's my code:
<telerik:RadSplitter ID="radSplitter" runat="server" Skin="Sitefinity" EnableEmbeddedBaseStylesheet="false"
Width="985px" EnableEmbeddedSkins="false" PanesBorderSize="1" BorderSize="1" Height="600px"
BorderColor="#F4F4F4" Orientation="Horizontal"
>
<telerik:RadPane ID="radPaneMain" runat="server" Scrolling="Y" CssClass="ApplyPosition" >
<asp:ContentPlaceHolder ID="Main" runat="server" />
</telerik:RadPane>
<telerik:RadSplitBar runat="server" />
<telerik:RadPane ID="radPanEvent" runat="server" Height="22" Scrolling="None" >
<telerik:RadSlidingZone ID="radSlidingZone" runat="server" SlideDirection="Top" ClickToOpen="true">
<telerik:RadSlidingPane ID="radPanEventSliding" OnClientResized="afterResize" runat="server"
EnableDock="false" Scrolling="None" >
<div id="divEventViewer">
<div id="silverlightEventViewerHost">
<object id="silverlightEventControl" width="100%" height="100%" data="data:application/x-silverlight-2,"
type="application/x-silverlight-2">
<a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50524.0" style="text-decoration: none">
<img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="Get Microsoft Silverlight"
style="border-style: none" />
</a>
</object>
</div>
</div>
</telerik:RadSlidingPane>
</telerik:RadSlidingZone>
</telerik:RadPane>
</telerik:RadSplitter>