0

What CSS is required to make this splitter use 100% of vertical space, so that it extends from the top of the browser window to the bottom of the browser window?

http://dojo.telerik.com/aHIzozUw/3

Tim
  • 8,669
  • 31
  • 105
  • 183

1 Answers1

1

Just add below CSS will resolve your issue. Try this I hope it'll help you out. Thanks

#vertical-tiers {
    box-sizing: border-box;
    min-height: 100vh;
}
Hassan Siddiqui
  • 2,799
  • 1
  • 13
  • 22
  • Thank you for the help! The CSS you suggested does give the splitter "window" full height. But do the `k-splitbar-horizontal`and `k-splitbar-draggable-horizontal` classes need to be adjusted as well? – Tim Jun 14 '19 at 13:37
  • It this answer resolve your issue and help you out. Please marked as correct. Thanks – Hassan Siddiqui Jun 14 '19 at 15:34
  • The splitter bar does not extend the full-height of the middle tier. – Tim Jun 14 '19 at 16:36
  • You mean `main-pane` container ? – Hassan Siddiqui Jun 17 '19 at 04:49
  • The vertical bar that separates the left and right panes of the middle tier is truncated. That bar remains the original height. It does not grow along with the panes it is separating. – Tim Jun 17 '19 at 14:52