Fill height is choppy

[Laura]

I have the height of the html, body and form to 100% and the height of my
radgrid=100%. When the page loads, it loads half height, then reloads the
whole 100% height. This happens on every click. What could be
causing this?

Thanks,
Laura

[Dimo]

Hello Laura,

If RadGrid has UseStaticHeaders="True", it needs a little time to adjusts its layout on the client. That is why you are seeing the control resize when the page loads in the browser.

If you want to avoid this, here is an example of what you can do:

<telerik:RadGrid  style="visibility:hidden">
   <ClientSettings>
      <ClientEvents OnGridCreated="GridCreated" />
   </ClientSettings>
</telerik:RadGrid>

Javascript

function GridCreated(sender, args)
{
   sender.get_element().style.visibility = "visible";
}


Let us know if you need further advice, or if your scenario is different and does not use static headers. In this case, please copy-paste your RadGrid declaration.


Kind regards,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Laura]

Thank you. When I add this code, it does fill up the window 100% on load,
but now, when I click any button or link, the whole page refreshes, rather
than just the area that needs refreshing as it did before. I removed the bit of
code you gave me, just to check, and then it only refreshes the small area
again, so it is something in the code you gave me that is causing it to
totally refresh the page. What can this be?

Thanks,
Laura

[Dimo]

Hello Laura,

I am afraid I cannot reproduce such behavior on my end, could you please send us an example?

Kind regards,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.