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

How to size splitter panes?

1 Answer 52 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Jeff
Top achievements
Rank 1
Jeff asked on 15 May 2009, 06:40 PM
What we would like is a page with three sections.  A fixed-height header across the top, a fixed-height footer at the bottom, and a pair of panes with a vertical splitter bar between them in the middle.  That's easy enough to do.

The trick is getting this to adjust to the size of the browser window.  We'd like for the header and the footer to stay at the top and bottom of the window, and for all of the expansion to happen in the splitter panes.  The combined width of the two panes + the splitter should always match the width of the browser window.  The combined height of the panes and the header and footer should always match the height of the browser window.  If this works right, we should never see scroll bars at the browser window level.  Instead, we'd see scrollbars inside one or both of the splitter panes.

Right now, we're trying to sledgehammer this into working using javascript tied to window.onresize.  But I'm wondering if there isn't a way of making this work using css rules.

Idea?

1 Answer, 1 is accepted

Sort by
0
Svetlina Anati
Telerik team
answered on 16 May 2009, 11:17 AM
Hello Jeff,

You can achieve the desired layout and behavior only by configuring two nested RadSplitters as explained in our online demos below:

http://demos.telerik.com/aspnet-ajax/splitter/examples/overview/defaultcs.aspx

and you do not need to write any code. For your convenience I prepared a sample page which demonstrates the layout you have described. Please examine it and let me know in case I have missed or misunderstood some of your requirements.

Sincerely yours,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Tags
Splitter
Asked by
Jeff
Top achievements
Rank 1
Answers by
Svetlina Anati
Telerik team
Share this question
or