Grid Popup Position

5 posts, 0 answers
  1. Joe
    Joe avatar
    220 posts
    Member since:
    May 2012

    Posted 03 Mar 2017 Link to this post

    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?

  2. Joe
    Joe avatar
    220 posts
    Member since:
    May 2012

    Posted 06 Mar 2017 Link to this post

    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?
  3. Stefan
    Admin
    Stefan avatar
    3009 posts

    Posted 07 Mar 2017 Link to this post

    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.
  4. Joe
    Joe avatar
    220 posts
    Member since:
    May 2012

    Posted 07 Mar 2017 in reply to Stefan Link to this post

    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.

  5. Stefan
    Admin
    Stefan avatar
    3009 posts

    Posted 09 Mar 2017 Link to this post

    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 visualization (charts) and form elements.
Back to Top