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.