Missing divider of a vertical-oriented Splitter

2 posts, 1 answers
  1. Fernando
    Fernando avatar
    3 posts
    Member since:
    Jun 2013

    Posted 13 Nov 2013 Link to this post

    Hello.

    I'm using Kendo Splitter on a page where the user will be able to see 6 Google Maps instances at a time. My Splitter setup is:

    • Have a main Splitter which is a vertical-oriented one with 2 vertical Panes
    • On both panes, there are a horizontal-oriented splitter with 3 horizontal Panes

    In my setup, I'm trying to make the layout look like this:

    +------------+------------+------------+
    |               |               |               |
    |               |               |               |
    +------------+------------+------------+
    |               |               |               |
    |               |               |               |
    +------------+------------+------------+

    But, for some reason I don't know/understand, the vertical Pane divider is missing but still have 6 well-differentiated panes with their respective dividers. Additionally,  I've added a resize function on the main splitter (the vertical-oriented one) so its heigh could fit the actual window size.

    Here is the fiddle with an example of what I'm trying to do.


    Thanks in advance for your help.

  2. Answer
    Fernando
    Fernando avatar
    3 posts
    Member since:
    Jun 2013

    Posted 13 Nov 2013 Link to this post

    I'm going to correct myself: my problem was I was putting th whole 6 panes in ONE vertical pane only

    This is the fixed fiddle.
  3. Kendo UI is VS 2017 Ready
Back to Top