Splitter loading

[Mark]

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

[Sophy]

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.