Splitter loading

2 posts, 0 answers
  1. Mark
    Mark avatar
    12 posts
    Member since:
    May 2008

    Posted 28 Jul 2008 Link to this post

    Hi

    We have splitter with 2 panes:

    <

    telerik:radsplitter SkinsPath="~/RadControls/Splitter/Skins" RadControlsDir="~/Controls" Orientation="Vertical" id="slpTreeAndSearch" LiveResize="false" runat="server" height="100%" width="100%" Skin="Gray" >
    <telerik:radpane id="treePane" runat="server" width="50%" Height="100%">
    .....
    </telerik:radpane>
    <telerik:radsplitbar id="splbTreeAndSearch" runat="server" CollapseMode="Backward" EnableResize="true"/>
    <telerik:radpane Width="50%" Height="100%" Scrolling="Y" ID="SearchPanel" runat="server">
    -------
    </
    telerik:radpane>
    </
    telerik:radsplitter>

    Pay attention that width of the panes is 50%.

    Problem: When the page is loaded, then pane's content gets 50% of pane width and panes width is not 50% of the page width (see picture1). 

    And only after  1-2 seconds the splitter is rezised and page looks good (see picture2).

    How can we fix the problem?

    Thanks,
    Olga

  2. Sophy
    Admin
    Sophy avatar
    636 posts

    Posted 28 Jul 2008 Link to this post

    Hi Mushon,

    We already answered to the support ticket concerning the same issue. For your convenience I will go ahead and paste our suggestion here as well:
    The splitter's size in your case is set in percents as well as that of the splitter's panes and therefore their sizes are calculated depending on the size of the browser window. If you do not want to observe the resizing process I could suggest you set the VisibleDuringInit property of the splitter to false in order to avoid the undesired effect which occurs while the page loads and the RadSplitter get initialized.

    Let us know in case you need further assistance.


    Sincerely yours,
    Sophy
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Back to Top