Locked grid rendering problem in Kendo Window

4 posts, 0 answers
  1. Anna
    Anna avatar
    36 posts
    Member since:
    Jul 2015

    Posted 14 Apr Link to this post

    Hi Kendo,

    I'm having rendering problem for Kendo grid with locked columns inside of Kendo window - the grid columns looks squashed together. See this plunk for problem demo.

    In addition, on Kendo window restore, the grid gets squashed again - although I'm unable to reproduce it in the plunk. In my system, when I put a break point on the resize event function, I can see that when the kendo window is restored, my window content seems to be gone, and the window has a very tiny size.

    help please!

    ps. There are maximize, minimize event, but how come there's no event on restoring? 

    Ama

  2. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 18 Apr Link to this post

    Hello Ama,

    The problem is, the Grid and Chart widgets are sized within a container with display: none, thus they try to fit in a zero-width container. To resolve this, call the kendo.resize() method on the container, once the window has been opened. See the updated plunk.

    Regards,
    Alex Gyoshev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Anna
    Anna avatar
    36 posts
    Member since:
    Jul 2015

    Posted 19 Apr in reply to Alex Gyoshev Link to this post

    Hello Alex,

    Thank you for replying. I don't believe the works in the updated plunk has worked. If you look more closely, the locked columns (First Name) of the grid in the opened dialog is blanked out when grid is opened. If you try to lock more columns, it will more even more obvious.

    Best,

    Ama

  5. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 20 Apr Link to this post

    Hello Ama,

    The frozen columns grid functionality requires a fixed height. Adding a height to the grid configuration options solves the problem. If you need to change the grid height based on its content, see this how-to help topic.

    Regards,
    Alex Gyoshev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready