Duplicated
Last Updated: 23 Feb 2022 19:58 by ADMIN
Eric
Created on: 06 Apr 2020 11:30
Category: Grid
Type: Bug Report
12
Grid Popup edit window is not responsive and goes off the screen
When you enter PopUp editing mode in the Grid the windows is not responsive and goes off the screen. That causes inability to operate with the buttons (cannot either close it or save the changes).
Duplicated
This item is a duplicate of an already existing item. You can find the original item here:
6 comments
ADMIN
Joana
Posted on: 23 Feb 2022 19:58

Hi everyone,

We will expose the `PopupEditSettings` with 3.1 release that will be shipped at the beginning of March. Below you can find the configuration that can be used:

<GridSettings>
       <GridPopupEditSettings MaxHeight="95vh"></GridPopupEditSettings>
</GridSettings>

Regards,
Joana
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

improwise
Posted on: 25 Jan 2022 14:51

Since noone seem to be monitoring the linked issue, I make the same comment here as well

 

3.0 release with these settings for most other controls but not for the Grid where at least we would need it the most?

ADMIN
Svetoslav Dimitrov
Posted on: 29 Nov 2021 07:02

Hello everyone,

We plan to address this issue by exposing multiple customization settings for the Popup editing window like MaxHeight, MaxWidth, Width, Height. We have a separate item in the public portal for exposing those customizations and I am marking this one as Duplicated. This would allow you to easily follow the implementation of the desired customization settings.

In this case, setting the MaxHeight parameter would resolve the issue.

Regards,
Svetoslav Dimitrov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

ADMIN
Dimo
Posted on: 28 Sep 2021 15:13

Hello Jens,

The default maximum dropdown height of the the ComboBox and DropDownList is 200px. If the component is too close to the page bottom, the dropdown will expand upwards. If there is not enough space in either direction, the dropdown will expand downwards, but will overflow the screen.

To prevent this behavior, you can set a smaller PopupHeight.

If you need more information and wish to continue this discussion, please create a separate support ticket to keep this thread focused on the Grid editing popup.

Regards,
Dimo
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Jens
Posted on: 22 Sep 2021 13:54

How would you solve this issue when the size of the Grid popup is correct but a dropdown menu inside it is too long ? 

ADMIN
Marin Bratanov
Posted on: 06 Apr 2020 11:40

Here is a sample workaround to limit the height of the form so that there is a scrollbar and the user can reach all elements:

<style>
    .k-window .k-edit-form-container {
        max-height: 90vh;
        overflow: auto;
        overflow-x: hidden;
    }
</style>

 

Regards,
Marin Bratanov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.