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
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
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.
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