splitter in pageview not displaying on tab change

[Albert Shenker]

I have a tabstrip with two multipage pageviews. I have a splitter which surrounds the tabstrip and multipage. Each pageview has it's own splitter as well. When I load my page, and the default tab is visible, everything is fine. When I switch tabs (client-side), the second page view's content is not visible. If I resize the container (the window), the content appears. Apparently the splitter is not being displayed properly after the tab switch. This happens regardless of which tab is displayed by default. The other tab always has its content hidden when I switch to it.

All fo my splitters have visibleduringinit=false. If I set this to to true, the splitter and its content shows up, but is sized incorrectly. I have been using visibleduringinit=false for many years. I have heard of some issues with setting visibleduringinit=false in recent control versions, but I thought these issues were fixed in recent builds. I am using the latest internal build  (Q3 2009 1306). I have noticed this issue in both IE and Firefox.

Here's my markup:

<telerik:RadSplitter ID="rsEC"
                    runat="server"
                    Height="100%"
                    Width="100%"
                    Orientation="Horizontal"
                    ResizeWithParentPane="False"
                    ResizeWithBrowserWindow="True"
                    BorderSize="0"
                    VisibleDuringInit="False"
                    HeightOffset="16"
                    >
                    <telerik:radpane runat="server" id="aPane" Scrolling="None" Width="100%" Height="100%" CssClass="TabbedPage2" >
                        <telerik:RadTabStrip ID="tsC"
                                    runat="server"
                                    MultiPageID="mpC"
                                    SelectedIndex="0"
                                    Skin="Office2007"
                                    width="100%"
                                    CausesValidation="False"
                                   >
                            <Tabs>
                                <telerik:RadTab ID="tab2" runat="server" PageViewID="pvPhone" Text="Phones" Value="Phone">
                                </telerik:RadTab>
                                <telerik:RadTab ID="tab3" runat="server" PageViewID="pvEmail" Text="Emails" Value="Email">
                                </telerik:RadTab>

                            </Tabs>
                        </telerik:RadTabStrip>
                        <telerik:RadMultiPage ID="mpC"
                                    runat="server"
                                     CSSClass="TabbedContent"
                                     SelectedIndex="0"
                                     Height="100%">

                            <telerik:RadPageView ID="pvPhone" runat="server" Height="100%">
                                <div style="padding:7px; height:100%;">
                                <telerik:RadSplitter ID="rsPL"
        runat="server"
        Height="100%"
        Width="100%"
        Orientation="Horizontal"
        ResizeWithParentPane="False"
        ResizeWithBrowserWindow="True"
        BorderSize="0"
        VisibleDuringInit="False"
        HeightOffset="47"
    >
    <telerik:radpane runat="server" id="Radpane1" Scrolling="None" Width="100%" Height="37px">
        a toolbar
    </telerik:radpane>
    <telerik:radpane runat="server" id="bPane" Scrolling="None" Width="100%" Height="100%">
        Some content    </telerik:radpane>
</telerik:RadSplitter>
</div>
                            </telerik:RadPageView>
                            <telerik:RadPageView ID="pvEmail" runat="server" Height="100%">
                                <div style="padding:7px; height:100%;">
                               <telerik:RadSplitter ID="rsCIEC"
            runat="server"
            Height="100%"
            Width="100%"
            Orientation="Horizontal"
            ResizeWithParentPane="False"
            ResizeWithBrowserWindow="True"
            BorderSize="0"
            VisibleDuringInit="False"
            HeightOffset="37"
    >

    <telerik:radpane runat="server" id="tbPane" Scrolling="None" Width="100%" Height="37px"
        another toolbar
    </telerik:radpane>
    <telerik:radpane runat="server" id="bPane" Scrolling="None" Width="100%" Height="100%">
        more content
    </telerik:radpane>
</telerik:RadSplitter>
</div>
                            </telerik:RadPageView>
                          </telerik:RadMultiPage>
                    </telerik:radpane>
                </telerik:RadSplitter>

[Tsvetie]

Hello Albert Shenker,
The problem you describe is already fixed, but we have not yet uploaded an internal build with that fix. However, we will release Q3 2009 SP2 till the end of this week and you will be able to use the official release that will contain all bugfixes.

Regards,
Tsvetie
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Simon]

Hello Telerik Team,

I use the Q3 2008 Ajax Controls. By reason we cannot change in our project the Telerik controls version, is there any workaround for this problem?

Thanks Simon

[Tsvetie]

Hi Simon,
The bug that was discussed in this forum thread is not present in the Q3 2008 version of RadControls for ASP.NET AJAX. That is why I suppose that there is something different that causes the problem in your case. Could you please open a new support ticket and send me a running test project that demonstrates the problem you have as well as detailed information on the problem itself and how I can reproduce it?

Best wishes,
Tsvetie
the Telerik team