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

Problem in Grid Footer Rendering

2 Answers 296 Views
Grid
This is a migrated thread and some comments may be shown as answers.
monsoon
Top achievements
Rank 1
monsoon asked on 17 Jul 2013, 03:40 AM
Hi,
I am facing a problem in rendering of Grid's footer.The Grid Footer Rendered wrongly by default , on opening fresh it looks attachement "Error_withoutData_1.JPG" but  if any Data is inserted within  the Grid only then it aligns  Correctly as expected  like in attachement "withData.JPG" .I had adjusted with the height attribute in the grid but no luck. 

$("#DDGrid")
.kendoGrid(
{
dataSource : DD_DataSource,
navigatable : true,
pageable : true,
height : 335, 
.....});

I am using  kendoui web,Framework .Anyone Pls help me out .,Thanks in Advance .
Regards,
Winds

2 Answers, 1 is accepted

Sort by
0
monsoon
Top achievements
Rank 1
answered on 17 Jul 2013, 05:54 AM
From my observation..misrendering  of  footer is not related  with or  without data entry but its only with default page load .First time loading it's rendered misplaced but on doing some activity footer come back to normal position..

Regards,
Winds
0
Alexander Valchev
Telerik team
answered on 18 Jul 2013, 11:41 AM
Hi monsoon,

Usually the layout rendering problems like the one you described occur when you initialize the grid in initially hidden (with display: none) container. I believe that this might be your case, because from the screenshot it looks like that the Grid is placed inside a TabStrip/PanelBar widget.

The solution in this cases is to initialize the inner widget at the activate event of the TabStrip?PanelBar where the tab element is visible. Alternatively you can refresh the widget through the refresh method again at the activate event.

Note that activate event fires multiple times. After the Grid is initialized, you should unbind the event in order to avoid multiple initialization.

Regards,
Alexander Valchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
monsoon
Top achievements
Rank 1
Answers by
monsoon
Top achievements
Rank 1
Alexander Valchev
Telerik team
Share this question
or