Grid Custom Popup Editor From Grid within Kendo Window (.NET Core) Displays within Window

1 Answer 137 Views
Grid
Taylor
Top achievements
Rank 1
Taylor asked on 26 Jun 2023, 03:10 PM

Hi,

I have a Kendo Window that displays a grid.  I want to use a custom Grid Popup Editor to maintain data in the grid.   However, the editor doesn't pop up out of the window, but is added to the window, below the grid. 

Is this expected behavior?  If so, is there a way to override it so that the Popup Editor appears to display in its own window?

Thanks,

Taylor  

1 Answer, 1 is accepted

Sort by
0
Alexander
Telerik team
answered on 29 Jun 2023, 12:03 PM

Hi Taylor,

Thank you for reaching out.

Internally, the incorporated custom popup editor content will be directly embedded within the built-in window markup that comes with the Grid's rendering for PopUp editing operations. If this is the behavior you currently experience, then yes - this is the by-design behavior at this stage.

If you had something else in mind, would it be possible for you to consider sharing additional details regarding the subject matter? For example, could you please elaborate more on what you specifically mean by: "However, the editor doesn't pop up out of the window, but is added to the window". Perhaps, sharing a screenshot or the Popup's template configuration would be beneficial for the case, as it will help me get a better overall understanding of the observed behavior on your end.

I look forward to hearing back from you.

Kind Regards,
Alexander
Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.
Taylor
Top achievements
Rank 1
commented on 29 Jun 2023, 03:48 PM

Hi Alexander,

Sure, let me provide a more complete description and a couple of screenshots.

In this use case, a user can view, create and update Meeting records.  Each Meeting record can have zero or more Document records associated with it.

Meeting records are displayed in a Telerik Grid.  A custom PopupEditor is used to create and edit Meeting records. 

On each row of the Meetings grid is a link that will bring up a Telerik Window, wherein another Telerik Grid displays the Document records associated with the selected Meeting.  Below is a screenshot of this Window:

 

I have created a custom PopupEditor for the Document records.  I was expecting this editor to "pop up" separate from the Documents Grid, but instead, the Documents Grid window expands, and the PopUpEditor is added to the window, below the Documents Grid, as seen in the screenshot below:

How do I get the Documents Grid's PopupEditor to truly "pop up" in what appears to be it's own window, rather than being added to the existing Documents Grid's window?

Thanks,

Taylor

Alexander
Telerik team
commented on 04 Jul 2023, 01:04 PM

Hi Taylor,

Thank you for additionally providing such a thorough explanation as well as further visual screenshots that depict the observed behavior on your end.

I indeed agree, that the experienced behavior is not unorthodox. And we could be looking at the potential culprit within the boundaries of the "Document" PopUp editor Grid.

Nonetheless, based on the provided screenshots I tried to further mimic an identical scenario as close as possible. However, I experienced the following behavior on my end:

In this regard, would it be possible for you to share the popup for both of the Grids in order to further examine the incorporated editors that might be potentially causing the rendering anomaly?

Attached you will also find a runnable sample for you to review used during my conducted investigation. Based on a previous communication of ours, I have configured the application with the "2022.3.1109" version of the suite.

Additionally, I would really appreciate it if you consider the option of trying to reciprocate the behavior within the sample and send it back for more debugging?

I look forward to your reply.

Taylor
Top achievements
Rank 1
commented on 05 Jul 2023, 04:27 PM

Hi Alexander,

Thanks for the sample.   The sample displays meetings in a grid, and has a grid popup editor that has another grid for meeting documents, which has a grid popup editor for a document.

In my case, I also display meetings in the grid, but I am using a Telerik Window to display meeting documents, not the popup editor.  I do this because I am using the popup editor to edit the meeting.  With meeting documents displayed in  a grid within a Telerik Window, the popup editor for the document displays below the documents grid in the Telerik Window, instead of on top of the documents grid.

I hope this clarifies my issue.  Also, the Telerik NuGet package in the sample would not install.  Is there anything special I need to do in order to get it to install?

Thanks,

Taylor

Alexander
Telerik team
commented on 10 Jul 2023, 07:59 AM

Hi Taylor,

Could you please consider sharing the Window implementation that works cohesively with the Grid? This will help me get a better understanding of the scenario you are trying to achieve and based on it, conduct further debugging endeavors.

In regards to the runnable application, I would recommend trying to omit ".Trial" annotation from the "<ItemGroup>" tag of the .csproj file of the application:

 

Taylor
Top achievements
Rank 1
commented on 12 Jul 2023, 05:41 PM

Hi Alexander,

Thanks for your help.  It turns out that the issue was due to an unhandled JavaScript exception that I didn't notice.  Once I handled the exception, the popup editor displayed as expected.

 

Thanks,

Taylor

Alexander
Telerik team
commented on 13 Jul 2023, 05:56 AM

Hi Taylor,

Thank you for sharing your findings with the community. To be frank, I am really happy that the issue is now resolved on your side.

Tags
Grid
Asked by
Taylor
Top achievements
Rank 1
Answers by
Alexander
Telerik team
Share this question
or