Hi,
I have a radsplitter with 2 panes. One has a multipage and w/in each pageview a radsplitter. The pageview that loads by default is loaded correctly. But when I switch to another pageview (similar in configuration to the first one) via the tabstrip, that pageview is not sized properly. Any help is appreciated. My code is below.
Thanks.
I have a radsplitter with 2 panes. One has a multipage and w/in each pageview a radsplitter. The pageview that loads by default is loaded correctly. But when I switch to another pageview (similar in configuration to the first one) via the tabstrip, that pageview is not sized properly. Any help is appreciated. My code is below.
Thanks.
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebForm1.aspx.vb" Inherits="WebForm1" %> |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
<html xmlns="http://www.w3.org/1999/xhtml" > |
<head id="Head1" runat="server"> |
<title></title> |
<style type="text/css"> |
html, body, form |
{ |
height: 100%; |
margin: 1; |
padding: 0; |
overflow: hidden; |
} |
</style> |
</head> |
<body> |
<form id="form1" runat="server"> |
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"> |
</telerik:RadScriptManager> |
<telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Windows7"> |
</telerik:RadSkinManager> |
<div style="height: 100%"> |
<telerik:RadSplitter ID="RadSplitterMain" runat="server" |
Orientation="Horizontal" Width="100%" EnableViewState="True" Height="100%" |
BorderSize="0" BorderStyle="None" HeightOffset="15"> |
<telerik:RadPane ID="HeaderPane" runat="server" Height="50px"> |
<table style="width: 100%;"> |
<tr> |
<td> |
Header Img</td> |
<td> |
<asp:Label ID="Label2" runat="server" Text="Header Label" |
style="font-weight: 700"></asp:Label> |
</td> |
<td align="center" valign="middle" width="150"> |
<asp:Label ID="Label26" runat="server"></asp:Label> |
</td> |
</tr> |
</table> |
</telerik:RadPane> |
<telerik:RadPane ID="Tabstrip" runat="server" Height="26px"> |
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" ShowBaseLine="True" |
MultiPageID="RadMultiPage1" Skin="Windows7" SelectedIndex="0"> |
<Tabs> |
<telerik:RadTab runat="server" Text="Page0" Selected="True"> |
</telerik:RadTab> |
<telerik:RadTab runat="server" Text="Page1"> |
</telerik:RadTab> |
</Tabs> |
</telerik:RadTabStrip> |
</telerik:RadPane> |
<telerik:RadPane ID="BodyPane" runat="server" Height="100%" Width="100%"> |
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="1" |
Height="100%" Width="100%"> |
<telerik:RadPageView ID="pvPage0" runat="server" BorderStyle="None" BorderWidth="0px" Height="100%" Width="100%"> |
<telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Horizontal" FullScreenMode="False" ResizeWithParentPane="False" Width="100%" Height="100%" > |
<telerik:RadPane ID="RadPane1" runat="server" BorderWidth="0px" Scrolling="None" BackColor="#FF0066" Height="100%"> |
Page0 |
</telerik:RadPane> |
</telerik:RadSplitter> |
</telerik:RadPageView> |
<telerik:RadPageView ID="pvPage1" runat="server" BorderStyle="None" BorderWidth="0px" Height="100%" Width="100%"> |
<telerik:RadSplitter ID="RadSplitter2" runat="server" Orientation="Horizontal" FullScreenMode="False" ResizeWithParentPane="False" Width="100%" Height="100%" BackColor="#009933"> |
<telerik:RadPane ID="RadPane2" runat="server" BorderWidth="0px" Scrolling="None" BackColor="#66FF99" Height="100%"> |
Page1 |
</telerik:RadPane> |
</telerik:RadSplitter> |
</telerik:RadPageView> |
</telerik:RadMultiPage> |
</telerik:RadPane> |
</telerik:RadSplitter> |
</div> |
</form> |
</body> |
</html> |