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

Variable height

4 Answers 192 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Gabriel
Top achievements
Rank 1
Gabriel asked on 20 Jan 2012, 05:19 AM
Is it possible to set the height to be variable depending on the content place within? I have a splitter with 3 vertical rows.

I would like the middle row's height to be able to expand with the content placed inside WIHOUT scrollbars...

4 Answers, 1 is accepted

Sort by
0
Alex Gyoshev
Telerik team
answered on 20 Jan 2012, 09:21 AM
This functionality is unsupported, as the splitter height should be updated on each change of the pane content. You can achieve the effect by calling the following lines of code each time the splitter content is updated:

var splitter = $("#splitter");
splitter.height(splitter.find(".k-pane")[1].scrollHeight);
splitter.data("kendoSplitter").trigger("resize") 


All the best,
Alex Gyoshev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Gabriel
Top achievements
Rank 1
answered on 20 Jan 2012, 10:07 PM
Thanks Alex. What do I set as the parent panes height? 100% does not work...
0
Alex Gyoshev
Telerik team
answered on 23 Jan 2012, 01:50 PM
Hello Gabriel,

I could not understand what parent panes you mean. Are you using nested splitters? Please post some relevant code, or better yet, show the problem on jsFiddle -- that will eliminate any guesswork and we could reply promptly with an accurate answer.

Kind regards,
Alex Gyoshev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Mark
Top achievements
Rank 1
answered on 15 Jul 2012, 03:01 PM
I have a very similar requirement as the one above. I am using the ASP.NET MVC (3)  Kendo Splitter. What want to do is to adjust the splitter height based on the conentent within the splitter. How can I achieve that? I tried the code Above by Alex, but know exatly how to apply. is there a way this can be achieved in an MVC application? Please kindly post sample code if possible.

Thanks. 
Tags
Splitter
Asked by
Gabriel
Top achievements
Rank 1
Answers by
Alex Gyoshev
Telerik team
Gabriel
Top achievements
Rank 1
Mark
Top achievements
Rank 1
Share this question
or