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

Grid Popup Position

4 Answers 613 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Joe
Top achievements
Rank 1
Joe asked on 03 Mar 2017, 07:51 PM

I have a grid where I'm using the popup editor, and it's a custom template (.Editable(e => e.Mode(GridEditMode.PopUp).TemplateName("EIWOStatus")))

The popup is center screen, but I have some javascript that shows or hides certain controls based on what the user is entering.  When all the controls are shown dynamically, the window is too low.  I'd like to move it up, but the window itself doesn't seem to have an ID I can grab with jQuery in order to manipulate it.

How can I move the default starting position up so that as the controls get shown, it's never too low?

4 Answers, 1 is accepted

Sort by
0
Joe
Top achievements
Rank 1
answered on 06 Mar 2017, 03:55 PM
Also on this same subject, if the user selects to display All records in the grid, when clicking the Edit button, the page or grid will scroll halfway down before the popup shows.  So when the user clocks Update on the popup editor, they're no longer at the top where they initially clicked the Edit button, but instead are now halfway down the grid, and they have to keep scrolling up to get back to the top.  Is there a way to disable this functionality?
0
Stefan
Telerik team
answered on 07 Mar 2017, 10:20 AM
Hello Joe,

Regarding the questions:

1) The popup indeed does not have an ID, but it was a class name k-window which can be used to modify its position. Also,  I can suggest checking both forum threads on a similar subject:

http://www.telerik.com/forums/kendo-ui-grid-popup-template-positioning-issue

http://www.telerik.com/forums/kendo-grid-edit-mode-popup---setting-window-width

2) I was not able to reproduce the same issue on my side. Please check our example with a popup editing and notice that the Grid does not scrolls automatically when the popup is opened. I can assume that the issue occurs because of the custom modifications made to the elements positions:

http://demos.telerik.com/aspnet-mvc/grid/editing-popup

If additional assistance is needed, please send a fully runnable example reproducing the issue, so I can investigate it.

Regards,
Stefan
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Joe
Top achievements
Rank 1
answered on 07 Mar 2017, 02:23 PM

Unfortunately, I tried k-window, but I'm assuming because I've overriden so many different telerik classes, it's just now clusterf***...  One of my biggest complaints with Telerik is the overly complex and super nested CSS, that seems to f*** everything up.

 

As to your response with the grid, please reset the grid so that it extends beyond the page borders, showing all records, then try again.  It happens quite consistently.

0
Stefan
Telerik team
answered on 09 Mar 2017, 07:54 AM
Hello Joe,

Thank you for the feedback for the CSS classes. In general, this is a result of the complexity of the widgets and the big variety of their functionalities.

As for the not working k-window, indeed the selector may be affected by the different custom modifications. I can suggest trying more specific selector to ensure that the k-window selector will affect the desired popup window.

In regards to the second issue, I modified the example, but still, I was not able to observe it. Could you please modify the example and send a screencast demonstrating the issue and the setup, so I can investigate further.

Regards,
Stefan
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data (charts) and form elements.
Tags
Grid
Asked by
Joe
Top achievements
Rank 1
Answers by
Joe
Top achievements
Rank 1
Stefan
Telerik team
Share this question
or