Make popup editor window 100% height

[Edward]

Would like to make popup editor window 100% height depending on the containing browser client window height..

[Teya]

Hello Edward,

To set the popup window height equal to 100% of the available viewport height, you can use the following CSS rule:

.k-window {
  height: 100vh;
}

If the height of the elements inside the window is greater than the viewport height, a vertical scroll will show up.

Here is a working example of the following:

https://dojo.telerik.com/abudulEh

I hope this helps.


Regards,
Teya
Progress Telerik

[Edward]

I am having to subtract a certain value in order to see the buttons... not sure.  (edge and chrome)

height: calc(-45px + 100vh);

But otherwise seems to work!

Thnks.

[Teya]

Hello Edward,

I would suggest to rather use it as:

height: calc(100vh - 45px);

Please, let me know if you need any further assistance.


Regards,
Teya
Progress Telerik

[Edward]

Yes that is what I did :) ...