Splitter in page view

2 posts, 0 answers
  1. Albert Shenker
    Albert Shenker avatar
    550 posts
    Member since:
    Mar 2004

    Posted 31 Mar 2011 Link to this post

    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:

  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 01 Apr 2011 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top