The width of a splitter pane is sometimes calculated as 0 when the splitter is inside a PageView that is inside a splitter and the Selected property of the PageView is being set in a server side event.
Here is a demo of the error. By clicking the Next Tab button it is changing the selected PageView. RadPane7 and RadPane8 inside PV0 will end up with a width of 0.
Here is a demo of the error. By clicking the Next Tab button it is changing the selected PageView. RadPane7 and RadPane8 inside PV0 will end up with a width of 0.
<%@ Page Language="VB" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html>
<
script
runat
=
"server"
>
Protected Sub Page_Load(sender As Object, e As System.EventArgs) Handles Me.Load
If Page.IsPostBack = False Then
MultiPage.PageViews(0).Selected = True
End If
End Sub
Protected Sub NextButton_Click(sender As Object, e As EventArgs) Handles NextButton.Click
Dim TabIndex As Integer = 0
If TabIndexLabel.Text = 0 Then
TabIndex = 1
End If
TabIndexLabel.Text = TabIndex
MultiPage.PageViews(TabIndex).Selected = True
End Sub
</
script
>
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
</
telerik:RadScriptManager
>
<
asp:Label
ID
=
"TabIndexLabel"
runat
=
"server"
Text
=
"0"
Visible
=
"false"
></
asp:Label
>
<
telerik:RadSplitter
ID
=
"RadSplitter1"
runat
=
"server"
>
<
telerik:RadPane
ID
=
"RadPane1"
runat
=
"server"
Scrolling
=
"None"
Width
=
"100px"
>
<
asp:Button
ID
=
"NextButton"
runat
=
"server"
Text
=
"Next Tab"
/>
</
telerik:RadPane
>
<
telerik:RadPane
ID
=
"RadPane2"
runat
=
"server"
Scrolling
=
"None"
>
<
telerik:RadMultiPage
ID
=
"MultiPage"
runat
=
"server"
>
<
telerik:RadPageView
ID
=
"PV0"
runat
=
"server"
>
<
telerik:RadSplitter
ID
=
"Splitter0"
runat
=
"server"
>
<
telerik:RadPane
ID
=
"RadPane7"
runat
=
"server"
>
</
telerik:RadPane
>
<
telerik:RadPane
ID
=
"RadPane8"
runat
=
"server"
>
</
telerik:RadPane
>
</
telerik:RadSplitter
>
</
telerik:RadPageView
>
<
telerik:RadPageView
ID
=
"PV1"
runat
=
"server"
>
<
telerik:RadSplitter
ID
=
"Splitter1"
runat
=
"server"
>
<
telerik:RadPane
ID
=
"RadPane13"
runat
=
"server"
>
</
telerik:RadPane
>
<
telerik:RadPane
ID
=
"RadPane14"
runat
=
"server"
>
</
telerik:RadPane
>
</
telerik:RadSplitter
>
</
telerik:RadPageView
>
</
telerik:RadMultiPage
>
</
telerik:RadPane
>
</
telerik:RadSplitter
>
</
form
>
</
body
>
</
html
>