RadButtons display with a weird bump on the top left

[David]

RadButtons on ASP.NET are displaying with a weird bumped top left side. It's more obvious on certain skins than others but I want to know how to fix this. I don't know if it's something in my CSS causing it or some obscure setting I can adjust.

Screenshot attached.

[Danail Vasilev]

Hi David,

I have tried to reproduce the mentioned issue but to no avail. You can watch a short video test in the attached archive and then tell me what I am missing.

I can suggest that you try the following:

• RadButton ButtonType="StandardButton" uses sprite images for its background and therefore if the browser is zoomed there may be some glitches on the page. If that is so you can try pressing CTRL+0 in order to reset the browser zoom. More information on the matter is available in Browser Zoom - Why Does It Break Your Page And How To Avoid It blog post.
• It may be possible that there are some global styles that affect the appearance of the RadButton. If that is so you can try removing all the custom css and if that fixes the issue than start turning one by one the styles until you find and fix the problematic one. More information on the matter is available in Distortion Appearance help article.
• Since the RadButton ButtonType="StandardButton" uses sprite images it has predefined heights. If that is so you can use either 22px or 65px. Another approach could be to use ButtonType="SkinnedButton" which doesn't use sprite image.
  
  
• If you are not using the latest official version of Telerik UI for ASP.NET AJAX - 2013.3.1324 does upgrading to it resolve the issue?

If the above steps, however, are not helpful could you please try to reproduce the issue with the attached VS example and then tell us what changes you have made, so that we can make an investigation locally?

Regards,
Danail Vasilev
Telerik

[David]

Thanks for the helpful reply. The problem was entirely my mistake. I had some left over css from before we switched to Telerik controls.

Basically I had a margin:1px on input controls causing this weird rendering.

Thanks again,