Extra width with new RadGrid release?

[Software]

I just upgraded to the newest RadControls for AJAX release (2011.1.413.40) and I'm having a strange issue with the RadGrid that I'm hoping can be solved with a simple fix...  Basically what I'm seeing is the grid has extra space on the right side, after the scrollbar.  No matter how I adjust the width of the grid, mastertable or columns, the extra space remains.  Also, when the grid loads the scrollbar is properly placed below the titlebar (I have UseStatisHeaders enabled), but when the mouse enters the grid area the scrollbar pops to the outer area, where this extra space is. 

See the screenshots for an example:

• grid_current is what's in production now with last version of RadControls;
• grid_before is what it looks like now, before moving mouse into grid area;
• grid_after is same thing after moving mouse into grid area.

This is only happening on one page, with one grid, but it's a very large application, and this particular page is one of the most complex, so it's difficult to reproduce.  I'm also formatting data for many of the columns in the ItemDataBound event.  I'm also dong some client-side things to change styles, control row-click events, etc based on user preferences.  I'm sure any of these things could be causing this behavior, but am unsure which.  Before I spend a day or two building a sample app, I thought I'd check and see if anyone has seen this and could point me to check some setting that commonly causes this?

By the way, this doesn't happen with the last version of Telerik RadControls I used for this application (2010.3.1317.40), only with the new version.  I could potentially revert back to the previous version, but I've had other issues with the current version, so would prefer to upgrade for the fixes.

Thanks for the help!
Eddie

[Software]

After further testing, it appears the cause is the UseStaticHeaders setting in the Scrolling settings.  If it's true, the extra space is inserted on the right.  If it's false the extra space goes away.  I was able to confirm this in a test page. 

Obviously it also scrolls the headers, so that's not really an option for us.  Our users have been using this application for several years and it's always kept the headers in view as they scroll, so we need to have this working.  Any idea what I might do to get it working for us with the current RadControls version?

Thanks!
Eddie

[Pavlina]

Hi Eddie,

If all columns have pixel widths I suggest that you leave one column with no width and see if it makes any difference. Another possible solution is to place the RadGrid control inside a container with a minimum width (min-width CSS style applied).

Here is some more information on column widths.

http://www.telerik.com/community/forums/aspnet/grid/best-practice-for-grid-and-column-widths.aspx#1214355

Give these suggestions a try and let me know if they help.

All the best,
Pavlina
the Telerik team

[Software]

Thanks for your reply Pavlina.

I tried what you suggested, but I still get the same result.  I went through all of the tips on the link you sent me and I'm following all of them, yet my grid still renders the same with the extra space on the right.  For the time being, because I must release a version of this application, I have switched back to version 2010.3.1317.40 of the RadControls, since that's the last version we used that worked.  When I run the exact same page after switching back to the older dll, the grid renders perfectly. 

I should also note that I am using IE 9, but given the fact that the grid renders correctly with the older version of the controls, I'm not sure that matters...

I will try to get a sample project put together this week so we can get this figured out, but right now I have a deadline to meet to get this released.

Thanks again for your help!
Eddie

[Pavlina]

Hello Eddie,

Can you provide a live URL where we can reproduce the issue? Also please specify which browser and browser version you are using. Thank you in advance.

Best wishes,
Pavlina
the Telerik team

[O.D.]

Hello,

We ran, I beleive into the same issue after the upgrade, not sure though.

cellspacing set to 1 by default I beleive for ie9. 

Somehow, cells are spaced and the background colors is then visible.

What we did on our side to fix the issue, is to force the CellSpacing to 0 on the control, and that fixed it.

I hope it helps.

Kind Regards,
O.D.

[Pavlina]

Hi Oussama,

Can you please verify that the described problem persists with Q3 2011 version of RadControls for ASP.NET AJAX?

Regards,
Pavlina
the Telerik team