This is a migrated thread and some comments may be shown as answers.

jumpy buttons in IE

3 Answers 81 Views
Button
This is a migrated thread and some comments may be shown as answers.
Morten
Top achievements
Rank 2
Iron
Iron
Veteran
Morten asked on 06 Dec 2010, 10:52 AM
IE8 display radbuttons placed next to one another a little jumpy (please see screen shot).

3 Answers, 1 is accepted

Sort by
0
Bozhidar
Telerik team
answered on 06 Dec 2010, 11:49 AM
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.
0
pylacroix
Top achievements
Rank 1
answered on 10 Feb 2011, 03:22 PM
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.
0
Pero
Telerik team
answered on 15 Feb 2011, 09:55 AM
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.
Tags
Button
Asked by
Morten
Top achievements
Rank 2
Iron
Iron
Veteran
Answers by
Bozhidar
Telerik team
pylacroix
Top achievements
Rank 1
Pero
Telerik team
Share this question
or