We are evaluating Kendo UI for a large application that will be an editing tool that takes up the entire browser window. I've been playing with tabs, accordions, and splitters for quite a few hours, and can't seem to come up with the mechanics to have a layout take up the fully available browser height and behave well when the browser is resized. Here's what I've come up with:
http://codepen.io/vrmerlin/pen/JdQoNe
For some reason, no matter what CSS I try, the components all compact into the top half of the screen. I was hoping for the kind of full-screen experience that you get with, say, Codepen, where you have distinct regions that take up the whole browser window, each with their own scrollbars. Is this possible with Kendo?
Thanks,
John