RadButton display is wrong after migrating

2 posts, 0 answers
  1. Guillaume
    Guillaume avatar
    15 posts
    Member since:
    Oct 2010

    Posted 08 Mar 2013 Link to this post


    We've upgraded from Telerik ASP.Net 2010 to 2012. And since then, we have a button that has a strange display (See attachment)

    <div class="submit">
                        <telerik:RadButton ID="btnSubmit2" OnClientLoad="OnSubmitButtonLoad"  runat="server" Height="35px" Text="Submit" CssClass="button" />     

    Any idea of how to solve this ?

  2. Danail Vasilev
    Danail Vasilev avatar
    1502 posts

    Posted 13 Mar 2013 Link to this post

    Hi Guillaume,

    RadButton (ButtonType="StandardButton") uses for its background sprite images with fixed height of 22px (default height) and 65px. From the provided code snippet it seems that your RadButton is set with a custom height of 35px. If you want, however, to use a custom height you should create your own sprite as well as modify the CSS of the RadButton. This help article will spread more light on how to do that.

    You can also consider the new RadButton (ButtonType="SkinnedButton") that uses entirely CSS3, so that you can set a custom width and height to it.

    Danail Vasilev
    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