Rad splitter scrolling

5 posts, 0 answers
  1. Sampada
    Sampada avatar
    44 posts
    Member since:
    Feb 2012

    Posted 18 Jun 2012 Link to this post

    I am currently using a radsplitter between two RadPanes in my application.

    Currently , the scrollbars on the individual RadPanes are visible as highlighted in the attached screenshot . However I want that the scrollbars on the individual RadPane should not appears irrespective of the contents in it and use the browser scrolling instead and expand according to content(i.e. even if the contents crosses the screenlimit the Radpane should not enable its scrolling and instead use browser scrollbars).

    Is there any way in which the above mentioned requirement can be achieved?

    Thanking you in advance

  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 18 Jun 2012 Link to this post

    Hi Sampada,

    Please take a look at the following KB article, I believe it will help you achieve the required result:
    Initially Resize the RadSplitter according to its content

    Kind 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
  4. Sampada
    Sampada avatar
    44 posts
    Member since:
    Feb 2012

    Posted 26 Jun 2012 Link to this post

    Thanks for the reply 
    I have tried your code and it is working.
    But there is another issue related to this.
    I have a radtree in one pan which is initially expanded whenever I collapse it is showing me huge scrolling of tree.I have tried to change the pane height through #OnClientNodeCollapsing event
    following is my code 

    function OnClientNodeCollapsing(sender, eventArgs) {

         var splitter = $find("<%= RadSplitter1.ClientID%>");

                var pane1 = splitter.getPaneById('<%= Radpane1.ClientID %>');

                var pane2 = splitter.getPaneById('<%= Radpane2.ClientID %>');

                var pane1height = pane1.getContentElement().scrollHeight;

                splitter.set_height(pane1height + 50);

                pane1.set_height(pane1height + 50);

                var pane2height = pane2.getContentElement().scrollHeight;

                splitter.set_height(pane2height + 50);

                pane2.set_height(pane2height + 50);

               

                if (pane1height > pane2height) {

                    splitter.set_height(pane1height + 50);

                }

                else if (pane2height > pane1height + 50) {

                    splitter.set_height(pane2height + 50);

                }

    }


    But it still gives me huge scrolling to browser like it was previously when tree is expanded.
    Can you give a resolution to achieve this task?

  5. Sampada
    Sampada avatar
    44 posts
    Member since:
    Feb 2012

    Posted 02 Jul 2012 Link to this post

    Telerik team,

    Any update on it???
  6. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 02 Jul 2012 Link to this post

    Hi Sampada,

    The OnClientNodeCollapsing event is fired before the node is actually collapsed and the size of the tree is not yet changed, thus to resize the splitter according to the new tree size you need to use OnClientNodeCollapsed event instead.

    Also, I tried to reproduce the problem with the scrolling but to no avail. Could you please open formal support ticket and provide sample page reproducing the issue so we can examine and debug it locally?

    For your convenience I have attached my test page, could you please modify it to a point where the problem occurs and send it back?

    All the best,
    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017