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

Refresh button CSS issue?

6 Answers 184 Views
Grid
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Robert
Top achievements
Rank 1
Robert asked on 28 Dec 2011, 01:20 AM
At first, I thought it was an IE9 thing. But then I tried it in Chrome and Firefox and the rendering is the same in all 3.
The refresh button seems to have some half-hidden component showing up. If this is CSS issue or the result of not properly setting a property of the grid?

You can see it in the image, highlighted in yellow:

6 Answers, 1 is accepted

Sort by
0
Robert
Top achievements
Rank 1
answered on 28 Dec 2011, 01:31 AM
Ah, it is pulling images from the Sprite.png file and the calendar control image is nearly bleeding into the refresh image, but I am at a loss as to how to fix it. I tried adjusting the .t-refresh {background-position:-32px -240px} value but I can never get the images on either side of the refresh image hidden.

Any ideas?
0
Vasil Yordanov
Telerik team
answered on 28 Dec 2011, 08:12 AM
Hi Robert,

This seems to be a CSS issue. You could check if you have any custom CSS that might be overwriting the .t-icon styling?

I suggest you try to adjust .t-refresh width instead of its background-position:

.t-refresh {
    width: 16px;
}


Regards,
Vasil Yordanov
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 Telerik Extensions for ASP.MET MVC, subscribe to their blog feed now
0
Robert
Top achievements
Rank 1
answered on 28 Dec 2011, 10:25 PM
That was the issue, thanks Vasil. For some reason that the width attribute assignment isn't in telerik.common.min.cs version included with the 2011_3_1115 release. Adding it set to 10px fixed the problem.

Thanks!
0
Robert
Top achievements
Rank 1
answered on 15 Feb 2012, 08:29 PM
Nevermind. Wasn't working with the beta version but is with the final.
0
Mike
Top achievements
Rank 1
answered on 21 Feb 2012, 11:53 PM
FYI: This is still an issue in the Q1 2012 release. I had to modify telerik.common.css to add the 10px width for .t-refresh.
0
Dimo
Telerik team
answered on 22 Feb 2012, 09:30 AM
Hi Mike,

In my opinion the problem is caused by some custom styles, which override the native button styling. Have you inspected the button's CSS styles in the browser to verify this? Are you able to reproduce the issue on our demos?

http://demos.telerik.com/aspnet-mvc/grid

All the best,
Dimo
the Telerik team
Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
Tags
Grid
Asked by
Robert
Top achievements
Rank 1
Answers by
Robert
Top achievements
Rank 1
Vasil Yordanov
Telerik team
Mike
Top achievements
Rank 1
Dimo
Telerik team
Share this question
or