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

Locked grid rendering problem in Kendo Window

3 Answers 362 Views
Window
This is a migrated thread and some comments may be shown as answers.
Anna
Top achievements
Rank 1
Anna asked on 14 Apr 2016, 08:56 PM

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

3 Answers, 1 is accepted

Sort by
0
Alex Gyoshev
Telerik team
answered on 18 Apr 2016, 01:58 PM

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!
 
0
Anna
Top achievements
Rank 1
answered on 19 Apr 2016, 03:34 PM

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

0
Alex Gyoshev
Telerik team
answered on 20 Apr 2016, 08:19 AM

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!
 
Tags
Window
Asked by
Anna
Top achievements
Rank 1
Answers by
Alex Gyoshev
Telerik team
Anna
Top achievements
Rank 1
Share this question
or