Fixed size decorated buttons render differently in IE9

2 posts, 1 answers
  1. Philippe
    Philippe avatar
    2 posts
    Member since:
    Nov 2010

    Posted 14 Sep 2011 Link to this post

    Hello,

    in our current development, we make heavy use of fixed size buttons, decorated in Vista style.

    the issue we have is that, when testing in IE9, the button is not rendered correctly, looks like a space appears between the rounded part of the button on the right and the rest of the button

    I do not have a screenshot at hand, but is this issue already identified ? Is there a workaround out of getting rid of fixed sized buttons ?

    Best regards

    Philippe
  2. Answer
    Bozhidar
    Admin
    Bozhidar avatar
    679 posts

    Posted 14 Sep 2011 Link to this post

    Hello Philippe,

    I have tested the reported issue but I could not reproduce it with the following code:

    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>
        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All"
            Skin="Vista" />
        <asp:Button Text="Button text" runat="server" ID="btn1" Width="200" />
        <asp:Button Text="Button text hovered" runat="server" ID="Button1" Width="200" />
        </form>
    </body>
    </html>

    Attached is btnIE9.gif showing the result in IE9 from the code above. I do not see any problem from our side. In order to help you further we will need a screenshot with the problem, and a small project where the issue is reproduced, because I think it could be caused by some specific settings in your application - such as CSS that overrides the decorated buttons styles. Try to remove an external stylesheet with your styles linked to the page and check if it is fixed. If it is fixed, then the problem should come form some custom CSS styles applied by you.

    Best wishes,
    Bozhidar
    the Telerik team
    Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top