IE8 display radbuttons placed next to one another a little jumpy (please see screen shot).
3 Answers, 1 is accepted
0
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":
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
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">
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
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.
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.
<
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
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
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.