Sliding pane goes mad after splitter had been resized

[Konstantin Isaev]

Hello!
I faced the following throuble with RadSplitter:
When i resize the splitter by invoking in OnClientLoad handler or in window.resize handler like this 

var splitter =  $find('<%= mainSplitter.ClientID %>');
splitter.set_width($(window).width()-34);
splitter.set_height($(window).height() - 114);

The sliding pane starts slide in and out when i try to show it (by hovering the related tab in sliding zone) and slides so until i click outside the splitter or the pane few times, sometimes it stops if i click on the tab again. When i resize window vertically and invoke splitter resizing javascript by handling window.onresize, the horro surely starts. Somestimes it can start after horizontal rsize, but not sure how all this related to each other.

My markup is like this:

<Telerik:RadSplitter runat="server" ID="mainSplitter" LiveResize="false" OnClientLoad="InitSplitter" Width="640px"><br>    <Telerik:RadPane runat="server" ID="leftPane" Scrolling="None" Width="25px" ><br>        <Telerik:RadSlidingZone runat="server" ID="mainSlidingZone" Width="25px"><br>            <Telerik:RadSlidingPane ID="projectsPanel" runat="server" Title="Projects"  Font-Size="14pt" Width="300px"><br>                <Telerik:RadAjaxPanel runat="server" ID="leftTreePanel" Width="300px"><br>                    <Telerik:RadTreeView runat="server" ID="leftTree" AllowNodeEditing="false" AppendDataBoundItems="false" <br>                        DataFieldID="Key" DataFieldParentID="Key"<br>                        MultipleSelect="false" EnableDragAndDrop="false"<br>                        MaxDataBindDepth="2" SingleExpandPath="true"<br>                        CausesValidation="false" OnClientNodeClicked="ClientNodeClick"<br>                        OnNodeExpand="POExpand"><br>                    </Telerik:RadTreeView><br>                </Telerik:RadAjaxPanel><br>            </Telerik:RadSlidingPane><br>        </Telerik:RadSlidingZone><br>    </Telerik:RadPane><br>    <Telerik:RadSplitBar runat="server" Width="5px" /><br>    <Telerik:RadPane runat="server" ID="currentItemsPane" Width="610px"><br><div>     <!-- Main Grid with other content in Ajax panel is placed here. --></div>     </Telerik:RadPane><br></Telerik:RadPane>

Best regards,
Konstantin

[Dobromir]

Hi Konstantin,

I tried to reproduce the reported problem 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 reproducing the problem so we can investigate it further?

For your convenience I have attached my test page using the provided markup and JavaScript snippet, could you please modify it to a point where the problem occurs and send it back?
Regards,
Dobromir
the Telerik team