Issue with calculated heights of portlet/dashboard

Webix JS
#1

Hello,

I’m having a layout issue when trying to use the portlet/dashboard component. I’m trying to have the portlet fill the remaining space of a html page with a header. The portlet instead of taking the remaining space calculates its height (fixed pixel height via your code under the hood) including the header which then puts a scroll bar on the page, which I don’t want.

I’ve included a snippet of the issue.
https://snippet.webix.com/muuhtbm3

I’m sure I’m doing something wrong in how the divs are setup, but I’m at a loss at what that is.

Any help is greatly appreciated.

Thanks,

Mike

#2

Hello, @mhess

Could you, please, clarify the issue? What is the reason for using <div style="height:100vh">?
The thing is that in Webix most of the dimensions in space are calculated with JS, so we don’t recommend setting them via CSS. The information you could find here.
https://snippet.webix.com/cshoj6z5
As a solution, you could use fullscreen Webix helper
Please, check the snippet here:Code Snippet