having Several formatting issues with Ajax Radgrid

[Daniel]

I can't seem to get past several formatting issues with the RadGrid for ASP.NET AJAX control...  The main table has a resize "hiccup" on the page load where no matter what you set the height and pagesize to it always starts out the same then resizes, visible to the client.   I saw the post on the RadSplitter controls, seems like the same issue, but the RadGrid doesn't have the "visibleoninit" property mentioned in that solution that I can find... Also, the data row headers seem to want to float about 1-2 pixels below the grid data row border.   Another issue is that the data row headers seem to "overlay" the grid header, so that there is a place over the scroll bar where you can see the true header peaking out and unless you have carefully sized the data headers to be that exact size, you can see the discrepancy.   While none of these issues are show stoppers, they all add up to a kind of shoddy look to the page, like it was thrown together.    I'm using the RadGrid for ASP.NET AJAX 2008 Q2 with Visual Studio 2008 and running on IE6.  

thanks,
-D

[Dimo]

Hello Daniel,

With regard to the initial resizing of RadGrid, which you are observing right after page load on the client - I suppose that you are using scrolling with static headers. In this case RadGrid needs to align its header cells with the data cells on the client by calculating widths. Depending on the number of page elements and layout, this can create a visible flicker. I am afraid there is no way to avoid this at the moment. However, you can implement a custom workaround, for example, place a non-transparent absolutely positioned element over RadGrid and remove it after the control has resized (using the GridCreated client-side event handler).

As for the other questions - I am not sure I fully understand them, but maybe you are talking about something similar:

http://www.telerik.com/community/forums/thread/b311D-bdegda.aspx


Another option to avoid the visual glitches is to set UseStaticHeaders="false" in ClientSettings.


Let us know if you need further advice.


Greetings,
Dimo
the Telerik team

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

[Daniel]

Actually one of my teammates solved this issue.. all you have to do is embed the grid in a splitter control and you can use the splitter's properties to make the grid not visible prior to being rendered. 

Thanks,
-D