jumpy buttons in IE

4 posts, 0 answers
  1. Morten
    Morten avatar
    267 posts
    Member since:
    Jul 2012

    Posted 06 Dec 2010 Link to this post

    IE8 display radbuttons placed next to one another a little jumpy (please see screen shot).
  2. Bozhidar
    Admin
    Bozhidar avatar
    678 posts

    Posted 06 Dec 2010 Link to this post

    Hello Morten,

    We have tried to reproduce the reported problem but to no avail. we have used similar to you code with a table with three rows and three cell. The buttons are placed in the last row in a TD with colspan="3":

    <%@ 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">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <table cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td>
                    cell 1
                </td>
                <td>
                    cell 2
                </td>
                <td>
                    cell 3
                </td>
            </tr>
            <tr>
                <td>
                    cell 1
                </td>
                <td>
                    cell 2
                </td>
                <td>
                    cell 3
                </td>
            </tr>
            <tr>
                <td colspan="3">
                    <telerik:RadButton ID="rb1" runat="server" Text="Insert">
                        <Icon PrimaryIconCssClass="rbAdd" />
                    </telerik:RadButton>
                    <telerik:RadButton ID="RadButton1" runat="server" Text="Cancel">
                        <Icon PrimaryIconCssClass="rbCancel" />
                    </telerik:RadButton>
                </td>
            </tr>
        </table>
        </form>
    </body>
    </html>

    Attached is also ie8button.gif showing that with the code provided there is no any problems.
    Could you please modify the code in a way to reproduce the problem, so we would be able to investigate it further?

    Make sure, that you do not have any global CSS loaded on your page, that could conflict the Button.

    Regards,
    Bojo
    the Telerik team
    Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. pylacroix
    pylacroix avatar
    23 posts
    Member since:
    Sep 2009

    Posted 10 Feb 2011 Link to this post

    I had something similar to this. I found out that on IE 8 when you have two RadButtons side by side and that one of the button has text and the other has no text, there is a glitch in the render.

    <telerik:RadButton ID="btnAddTo" OnClientClicked="AddTo" Text="Add" AutoPostBack="false" runat="server">
        <Icon PrimaryIconCssClass="rbAdd" />
    </telerik:RadButton>
    <telerik:RadButton Width="20" OnClientClicked="Print" AutoPostBack="false" runat="server">
        <Icon PrimaryIconCssClass="rbPrint" />
    </telerik:RadButton>

    You can see the result on IE 8 in the screenshot attached. Meanwhile, everything is fine on FF 3.6

    The solution I found was to add a dummy Text=" " to the second button.
  5. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 15 Feb 2011 Link to this post

    Hello Pierre,

    Thank you for sharing your solution with us and the community! It will certainly help other people having similar issues.

    Regards,
    Pero
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
Back to Top