RadButtons display with a weird bump on the top left

3 posts, 0 answers
  1. David
    David avatar
    19 posts
    Member since:
    Feb 2013

    Posted 10 Feb 2014 Link to this post

    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.
  2. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1490 posts

    Posted 11 Feb 2014 Link to this post

    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
    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 UI for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. David
    David avatar
    19 posts
    Member since:
    Feb 2013

    Posted 17 Feb 2014 in reply to Danail Vasilev Link to this post

    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,
Back to Top