This is a migrated thread and some comments may be shown as answers.

Make popup editor window 100% height

4 Answers 376 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Edward
Top achievements
Rank 1
Edward asked on 22 Feb 2019, 04:32 AM
Would like to make popup editor window 100% height depending on the containing browser client window height..

4 Answers, 1 is accepted

Sort by
0
Accepted
Teya
Telerik team
answered on 22 Feb 2019, 09:44 AM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Edward
Top achievements
Rank 1
answered on 22 Feb 2019, 04:04 PM

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.

0
Teya
Telerik team
answered on 25 Feb 2019, 03:17 PM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Edward
Top achievements
Rank 1
answered on 25 Feb 2019, 04:48 PM
Yes that is what I did :) ...
Tags
Grid
Asked by
Edward
Top achievements
Rank 1
Answers by
Teya
Telerik team
Edward
Top achievements
Rank 1
Share this question
or