This is a migrated thread and some comments may be shown as answers.

Rad splitter scrolling

4 Answers 47 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Sampada
Top achievements
Rank 1
Sampada asked on 18 Jun 2012, 07:28 AM

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

4 Answers, 1 is accepted

Sort by
0
Dobromir
Telerik team
answered on 18 Jun 2012, 10:43 AM
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.
0
Sampada
Top achievements
Rank 1
answered on 26 Jun 2012, 01:51 PM
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?

0
Sampada
Top achievements
Rank 1
answered on 02 Jul 2012, 07:15 AM
Telerik team,

Any update on it???
0
Dobromir
Telerik team
answered on 02 Jul 2012, 10:53 AM
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.
Tags
Splitter
Asked by
Sampada
Top achievements
Rank 1
Answers by
Dobromir
Telerik team
Sampada
Top achievements
Rank 1
Share this question
or