Variable height

5 posts, 0 answers
  1. Gabriel
    Gabriel avatar
    79 posts
    Member since:
    Nov 2011

    Posted 19 Jan 2012 Link to this post

    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...
  2. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 20 Jan 2012 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
  4. Gabriel
    Gabriel avatar
    79 posts
    Member since:
    Nov 2011

    Posted 20 Jan 2012 Link to this post

    Thanks Alex. What do I set as the parent panes height? 100% does not work...
  5. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 23 Jan 2012 Link to this post

    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!
  6. Mark
    Mark avatar
    4 posts
    Member since:
    Jul 2012

    Posted 15 Jul 2012 Link to this post

    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. 
Back to Top
Kendo UI is VS 2017 Ready