Sliding pane goes mad after splitter had been resized

2 posts, 0 answers
  1. Konstantin Isaev
    Konstantin Isaev avatar
    5 posts
    Member since:
    Nov 2009

    Posted 24 Oct 2011 Link to this post

    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
  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 27 Oct 2011 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top