Mind boggled with splitter

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

    Posted 11 Jan 2012 Link to this post

    I've spent the last day trying to create a splitter like this image: http://imageshack.us/photo/my-images/683/mockupm.jpg/

    What I end up with is:
    • top vertical row shrinks and shows scrollbars
    • does not resize on window change
    • scroll bars showing vertically in horizontal rows despite having little content

    I've followed this post: http://www.kendoui.com/forums/ui/splitter/100-window-height-splitter.aspx with no luck.
    I've also copied everything Dimo posted and it doesn't work correctly - similar problem to what I've described above. Not sure if it is an IE9 thing...

  2. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 12 Jan 2012 Link to this post

    Hi,

     Could you provide the code which you have used? It is not possible to tell what's wrong without seeing it.

    Greetings,
    Atanas Korchev
    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 13 Jan 2012 Link to this post

    If you look at this Fiddle: http://jsfiddle.net/kyHHx/1/ you'll see what I mean. Some of the issue I mentioned before appear outside of jsFiddle but you can see what I mean anyway.

    The splitter does not expand to 100% despite being told too. Also, I haven't a clue on how to make the right pane be 200px and the left the remainder without specify the entire horizontal row width in pixels (which I don't want).
  5. Answer
    Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 13 Jan 2012 Link to this post

    Hello Gabriel,

    You must set a 100% height to the <html> element as well.

    Pane width or height is controlled via the size property (accepts a string value)

    http://jsfiddle.net/dimodi/kyHHx/3/

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