Hi,
I have a nested RadSplittter. The fist Splitter "Main splitter" is divided into two parts horizontally for title bar and content pane.
The content pane has RadSplitter2
RadSplitter2 is divided vertically for navigation pane on left and some other stuffs on right.
The right pane of RadSplitter2 has
RadSplitter3 which is divided horizontally into panes to display map on top and datagrid at bottom.
I am having issue with my RadSplitBar "MapRadSplitBar" on RadSplitter3. It hides when I click the collapse button.
The strange thing is it reappears when I re size the button.
I believe I need to fix something in RadSplitter3 but I do not know what. I have an update panel outside RadSplitter3, to show updates in DataGrid pane on button click event .
Given below is my markup:
<telerik:RadSplitter ID="MainSplitter" runat="server" Height="100%" Width="100%" Orientation="Horizontal" Skin="Vista" LiveResize="true" VisibleDuringInit="false" ResizeWithBrowserWindow="true" >
<telerik:RadPane ID="TitleBarPane" runat="server" Locked="true" Height="94px" CssClass="TitleBarPane" >
<div id="TitleBar" >
<img id="logoImage" src="theme/default/Logo.JPG" alt="Company Logo" />
<img id="logoStretch" src="theme/default/LogoStretch.JPG" alt="Fill Image" />
</div>
</telerik:RadPane>
<telerik:RadSplitBar ID="TitleRadSplitBar" runat="server" Height="100%" Width="100%" />
<telerik:RadPane ID="ContentPane" runat="server" Scrolling="None" >
<telerik:RadSplitter ID="ContentRadSplitter" runat="server" Skin="Vista" >
<telerik:RadPane ID="LeftRadPane" runat="server" Width="230" BackColor="White" Scrolling="None">
<asp:UpdatePanel ID="updTest" runat="server" UpdateMode="Conditional" ><ContentTemplate>
<ucNav:NavBox ID="navLeft" runat="server" />
<ucMsg:uscMsgBox ID="uscMgBox3" runat="server" />
<asp:Label ID="label3" Text="XYZ" runat="server" style="position:absolute; color:Red; left:20px; bottom:50px; z-index:100;" />
</ContentTemplate></asp:UpdatePanel>
</telerik:RadPane>
<telerik:RadSplitBar ID="NavRadSplitBar" runat="server" CollapseMode="Forward" />
<telerik:RadPane ID="MapRadPane" runat="server" Scrolling="None" >
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="always" ><ContentTemplate>
<telerik:RadSplitter ID="MapDivSplitter" runat="server" Orientation="Horizontal" Skin="Vista" LiveResize="true" VisibleDuringInit="false" >
<telerik:RadPane ID="MapPane" runat="server" Scrolling="None" >
<ucMap:Map ID="Map" runat="server" />
</telerik:RadPane>
<telerik:RadSplitBar ID="MapRadSplitBar" runat="server" CollapseMode="Both"" />
<telerik:RadPane ID="DataGridPane" runat="server" Height="130" Scrolling="Both" Collapsed="true" >
</telerik:RadPane>
</telerik:RadSplitter>
</ContentTemplate></asp:UpdatePanel>
</telerik:RadPane>
</telerik:RadSplitter>
</telerik:RadPane>
</telerik:RadSplitter>
Any suggestion is appreciated.
Thanks
Prava
I have a nested RadSplittter. The fist Splitter "Main splitter" is divided into two parts horizontally for title bar and content pane.
The content pane has RadSplitter2
RadSplitter2 is divided vertically for navigation pane on left and some other stuffs on right.
The right pane of RadSplitter2 has
RadSplitter3 which is divided horizontally into panes to display map on top and datagrid at bottom.
I am having issue with my RadSplitBar "MapRadSplitBar" on RadSplitter3. It hides when I click the collapse button.
The strange thing is it reappears when I re size the button.
I believe I need to fix something in RadSplitter3 but I do not know what. I have an update panel outside RadSplitter3, to show updates in DataGrid pane on button click event .
Given below is my markup:
<telerik:RadSplitter ID="MainSplitter" runat="server" Height="100%" Width="100%" Orientation="Horizontal" Skin="Vista" LiveResize="true" VisibleDuringInit="false" ResizeWithBrowserWindow="true" >
<telerik:RadPane ID="TitleBarPane" runat="server" Locked="true" Height="94px" CssClass="TitleBarPane" >
<div id="TitleBar" >
<img id="logoImage" src="theme/default/Logo.JPG" alt="Company Logo" />
<img id="logoStretch" src="theme/default/LogoStretch.JPG" alt="Fill Image" />
</div>
</telerik:RadPane>
<telerik:RadSplitBar ID="TitleRadSplitBar" runat="server" Height="100%" Width="100%" />
<telerik:RadPane ID="ContentPane" runat="server" Scrolling="None" >
<telerik:RadSplitter ID="ContentRadSplitter" runat="server" Skin="Vista" >
<telerik:RadPane ID="LeftRadPane" runat="server" Width="230" BackColor="White" Scrolling="None">
<asp:UpdatePanel ID="updTest" runat="server" UpdateMode="Conditional" ><ContentTemplate>
<ucNav:NavBox ID="navLeft" runat="server" />
<ucMsg:uscMsgBox ID="uscMgBox3" runat="server" />
<asp:Label ID="label3" Text="XYZ" runat="server" style="position:absolute; color:Red; left:20px; bottom:50px; z-index:100;" />
</ContentTemplate></asp:UpdatePanel>
</telerik:RadPane>
<telerik:RadSplitBar ID="NavRadSplitBar" runat="server" CollapseMode="Forward" />
<telerik:RadPane ID="MapRadPane" runat="server" Scrolling="None" >
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="always" ><ContentTemplate>
<telerik:RadSplitter ID="MapDivSplitter" runat="server" Orientation="Horizontal" Skin="Vista" LiveResize="true" VisibleDuringInit="false" >
<telerik:RadPane ID="MapPane" runat="server" Scrolling="None" >
<ucMap:Map ID="Map" runat="server" />
</telerik:RadPane>
<telerik:RadSplitBar ID="MapRadSplitBar" runat="server" CollapseMode="Both"" />
<telerik:RadPane ID="DataGridPane" runat="server" Height="130" Scrolling="Both" Collapsed="true" >
</telerik:RadPane>
</telerik:RadSplitter>
</ContentTemplate></asp:UpdatePanel>
</telerik:RadPane>
</telerik:RadSplitter>
</telerik:RadPane>
</telerik:RadSplitter>
Any suggestion is appreciated.
Thanks
Prava