Extra width with new RadGrid release?

7 posts, 0 answers
  1. Eddie
    Eddie avatar
    66 posts
    Member since:
    May 2008

    Posted 03 May 2011 Link to this post

    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
  2. Eddie
    Eddie avatar
    66 posts
    Member since:
    May 2008

    Posted 03 May 2011 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 09 May 2011 Link to this post

    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

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  5. Eddie
    Eddie avatar
    66 posts
    Member since:
    May 2008

    Posted 09 May 2011 Link to this post

    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
  6. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 10 May 2011 Link to this post

    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

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  7. O.D.
    O.D. avatar
    13 posts
    Member since:
    Nov 2008

    Posted 23 Nov 2011 Link to this post

    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.
  8. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 24 Nov 2011 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017