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

RadGrid header top right corner getting white space in telerik 2011

7 Answers 135 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Saravana
Top achievements
Rank 1
Saravana asked on 15 Sep 2011, 06:44 AM
http://demos.telerik.com/aspnet-ajax/grid/examples/client/scrolling/defaultcs.aspx.
Hi,
In the link, right top corner of the grid getting blank space(same like in my grid also). please give suggestion how to fill the color in that empty white space. like this happening in version 2011.

Regards
Saravana Kumar

7 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 15 Sep 2011, 07:21 AM
Hello Saravana,

Try setting the following CSS to fill the required color in that white empty space.
CSS:
<style type="text/css">
.RadGrid
 {
  background-color: blue !important; /* color as scrollbar in your case */
 }
 .rgDataDiv
 {
  background-color: white !important;
 }
</style>

Thanks,
Princy
0
Saravana
Top achievements
Rank 1
answered on 15 Sep 2011, 07:40 AM
Sorry.
I didnt get any change in the grid. i attached snapshot of my page. please check and tell how to solve that issues.
0
Pavlina
Telerik team
answered on 15 Sep 2011, 09:30 AM
Hello Saravana,

I suggest that you examine the forum thread below:
http://www.telerik.com/community/forums/aspnet-ajax/ajax/usestaticheaders-property-in-radgrid.aspx

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
0
Saravana
Top achievements
Rank 1
answered on 15 Sep 2011, 09:34 AM
Hi pavilina,
Above mentioned url is working fine for telerik 2009. but its not working for 2011. In telerik site itself you can able to see white space in top right corner of the grid. (http://demos.telerik.com/aspnet-ajax/grid/examples/client/scrolling/defaultcs.aspx).
please tell how to solve that issues for 2011 telerik.
0
Pavlina
Telerik team
answered on 16 Sep 2011, 04:45 PM
Hello Saravana,

Due to some browser-specific behavior related to scrolling and padding styles the background image in the top-right corner is always empty. Generally, this can be worked around by creating and applying a custom background image to the RadGrid outer <div> element, but this is not a universal solution either (i.e. the positioning of the background image will depend on the existence of a command row, the height of the header row, and the existence and height of the filter row.

CSS

div.MyCustomScrollImage
{
background: 0 0 repeat-x url(......) ;
}

However, I would suggest you to leave the empty space as is, if it's not a major showstopper for you. Let us know if you need further assistance with this scenario.

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
0
Saravana
Top achievements
Rank 1
answered on 17 Sep 2011, 02:49 PM
Hi Pavila,

Yes we need further assistance.

Earlier we were using Telerik 2009 version. Recently we have upgraded the telerik version to 2011. When we were using Telerik 2009, we didnt face the issue of white space in the header above the scroll bar. We are facing this issue after the telerik version upgrade to 2011. For a long time clients have worked with 2009 Telerik controls. They are now facing the issue. This would need to be fixed at the earliest. Is this a drawback of telerik 2011?
0
Pavlina
Telerik team
answered on 21 Sep 2011, 10:31 PM
Hello Saravana,

The current HTML of RadGrid puts a limitation on the top-right area styling. We are aware of this and will try to fix it for a future release of the control. I am sorry for the inconvenience.

All the best,
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
Tags
Grid
Asked by
Saravana
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Saravana
Top achievements
Rank 1
Pavlina
Telerik team
Share this question
or