RadSplitter strange resize

[Andrea]

I have a strange behaviour of a splitter with two panes. The structure of my master page is:

<div class="size-wide main-container">        <telerik:RadSplitter ID="RadSplitterMain" runat="server" Orientation="Vertical" Width="100%" Height="100%" LiveResize="false" ResizeMode="Proportional">    

<telerik:RadPane ID="RadPaneMenu" runat="server" MinWidth="0" MaxWidth="250" Width="250" Scrolling="X">                 

<div class="menu-left">                     

<wpc:wpcMenu ID="Menu" runat="server" />                 

</div>             

</telerik:RadPane>            

 <telerik:RadSplitBar ID="RadSplitBarMain" runat="server" CollapseMode="Forward">             

</telerik:RadSplitBar>             

<telerik:RadPane ID="RadPaneContent" runat="server" ShowContentDuringLoad="false" Width="100%" Height="100%">                 

<div>                     

<asp:ContentPlaceHolder ID="MainContent" runat="server">                     

</asp:ContentPlaceHolder>                 

</div>             

</telerik:RadPane>         

</telerik:RadSplitter>     

</div>​

When the page load, I have the right part of the splitter, the RadPaneContent for main content, that is visualized for an instant very little, with the scroll bar visible and the page sizes that is not maximized, but it's very little both in width and heigth.

After one second the size of the pane is rendering good, but for an instant I saw the pane that is not opened and it's very small, with the scroll bars visibile, close to the splitt bar.

Is this behaviour due to the risizemode or some other attribute that I have to set on the splitter / Pane controls ?

In the Master page I have also an header ​over and a Footer under the main div.

 

Please let me Know it is possibile to fix this problem. I'm not able to fix this problem of rendering. This happens in all browser.

Kind Regards.

Vittorio Morellini

[Danail Vasilev]

Hi Vittorio,

I wasn't able to reproduce the mentioned issue with the provided code. I would suggest that you provide us with a fully runnable sample and exact steps that showcase the issue, so that we can investigate it further and provide a solution if possible.

Regards,
Danail Vasilev
Telerik

[Andrea]

Hi Danail,

I'm trying to solve the problem setting size to 100% also of alla the parent container of the splitter.

Best Regards.

Vittorio

[Vessy]

Hi Vittorio,

Can you, please, set the RadSplitter's VisibleDuringInit property to false and see whether this will fix the issue on you side?

<telerik:RadSplitter ID="RadSPlitter1" runat="server" Width="100%" Height="100%" VisibleDuringInit="false">
    ...
</telerik:RadSplitter>

Regards,
Vessy
Telerik

[Andrea]

I'm trying immediatly, thank youfor the suggestion.

Vittorio

[Andrea]

Hi Vessy,

it seems to work fine. And the problem seems to be resolved.

Thank you for your support.

King Regards

Vittorio

[Vessy]

Hi,

Thank you for the update, Vittorio - I am glad the proposed solution is working for you. Let us know in case we can be of any further assistance on this matter.

Regards,
Vessy
Telerik