Splitter in page view

[Albert Shenker]

I have a page that has a tabstrip with 4 tabs/pageviews. The splitter declaration below is on the third pageview. The splitter is in a container that is height/width 100%. I have found, when I open the page and the first tab/pageview is displayed, and I switch to the third tab (the one with the splitter), everything looks fine. However if I open the page and the third tab is displayed by default, the left hand pane of the splitter takes up a little less than the prescribed 364px. It looks like it is less by the width of a scroll bar. I have attached splitter1.jpg which demonstrates this narrowing and splitter2.jpg which is what it correctly looks like if I load the first tab by default and switch to the one with the splitter. The red bar in each is a gif of width 364px which can be used for comparison with the splitter pane. I tried handling the spliter ONClientLoad and OnClientLoaded events and used the "repaint" client-seide method, but this didn't seem to change anything. Any ide why the splitter pane sizes incorrectly when first loaded?

Splitter Ma

<telerik:RadSplitter ID="rsT_H"
            runat="server"
            Width="100%"
            Height="100%"
            Orientation="Vertical"
            ResizeWithParentPane="False"
            ResizeWithBrowserWindow="True"
            BorderSize="0"
            VisibleDuringInit="False"
            HeightOffset="0"
                    >
            <telerik:radpane runat="server" id="lPane" Scrolling="None" Width="364px" Height="100%" CssClass="BorderedContainer2"  <telerik:RadAjaxLoadingPanel id="lpC_H" Runat="server" Transparency="30" Height="100%" Width="100%" BackColor="#E4E4E4"><asp:Image id="Image1" runat="server"  AlternateText="Loading..." BorderWidth="0px" ImageUrl="~/global/images/loading2.gif" style="margin-top:50px;"></asp:Image></telerik:RadAjaxLoadingPanel>
                        <asp:Panel ID="pnlC_H" runat="server" Height="100%" >
                            <asp:PlaceHolder ID="phContent_H" runat="server"></asp:PlaceHolder>
                        </asp:Panel>
            </telerik:radpane>
            <telerik:radpane runat="server" id="rPane" Scrolling="None" Width="100%" Height="100%" BackColor="Pink">
                <div style="height:100%; vertical-align:middle; text-align:center; padding:10px;"><span class="Normal">Select the custom content item which will be included in this email using the list above. You can also create a new custom content item, or edit the currently selected item.<br /><br /><strong>Please Note:</strong> The content space to the left represents the actual width of the custom content block in this email template. To see what it will look like within the body of the email, click on "Preview HTML Version" above.</span></div>
            </telerik:radpane>
        </telerik:RadSplitter>

rkup:

[Dobromir]

Hi Albert,

I tried to reproduce the problem with the provided information but to no avail. Could you please provide more detailed information on the specific scenario?

• Which version of RadControls for ASP.NET AJAX and .NET Framework are used in the application?
• Under which browser and its version the problem occurs?
• Are you able to reproduce the problem on the live demos? If so, could you please provide the exact steps the need to be executed in order to reproduce the issue?
• Could you please provide a simple fully runnable project and / or Live URL reproducing the problem so we can investigate it further?

On a side note, the splitter configuration looks OK, to be able to provide more to the point answer we will need to examine the surrounding content as well.
All the best,
Dobromir
the Telerik team