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

Resize splitter panes to eliminate scrollbars?

3 Answers 233 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Gary
Top achievements
Rank 1
Gary asked on 06 Jan 2012, 06:06 PM
I am using the splitter with a vertical orientation, and I would like to know if it is possible to set the height of the splitter panes so that their contents are initially shown without a scrollbar?

Thanks,
Gary

3 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 09 Jan 2012, 05:23 PM
Hello Gary,

I am not sure I understand your question. Is it the following that you want to achieve:

1) several Splitter panes stacked vertically
2) each pane has content with random height
3) each pane has no explicit height set
4) the panes should be sized in such a way, so that no scrollbars are needed, but the sum of the pane heights (i.e. the Splitter height) is predefined

Let me know if I am missing something.

Kind regards,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Gary
Top achievements
Rank 1
answered on 09 Jan 2012, 05:27 PM
Sorry, it is a horizontal orientation. Items 2, 3 and 4 are correct. Thanks!
0
Dimo
Telerik team
answered on 09 Jan 2012, 06:10 PM
Hello Gary,

I see. Generally, the Splitter is not designed to work without any height set, that's why it has a default one of 300px. This height cannot be removed, because the layout will become garbled.

What I recommend you is to get the height of all <div>s that will become Splitter panes before the Splitter initialization statement. Then set the largest height of these as an inline height style to the outer Splitter <div>.

All the best,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Splitter
Asked by
Gary
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Gary
Top achievements
Rank 1
Share this question
or