Dan Lehmann
Top achievements
Rank 1
Dan Lehmann
asked on 17 Aug 2011, 04:00 PM
Hi,
I am using RadControls ver. 2011.2.712.40 and have this problem only in IE9.
For any button that I have in a RadWindow, the center part of the sprite moves down a couple px when depressed. Please see the screenshot..
I suspect an iframe css rule conflicting with the button styling but cannot narrow it down. Has anyone seen this problem before?
Thanks,
Dan
I am using RadControls ver. 2011.2.712.40 and have this problem only in IE9.
For any button that I have in a RadWindow, the center part of the sprite moves down a couple px when depressed. Please see the screenshot..
I suspect an iframe css rule conflicting with the button styling but cannot narrow it down. Has anyone seen this problem before?
Thanks,
Dan
7 Answers, 1 is accepted
0
Hi Dan,
I do not experience such an issue with the following code:
Attached is ButtonIE9.gif showing the result with pressed button in IE9.
Kind regards,
Bojo
the Telerik team
I do not experience such an issue with the following code:
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
<
style
type
=
"text/css"
>
</
style
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
asp:ScriptManager
ID
=
"ScriptManager1"
runat
=
"server"
>
</
asp:ScriptManager
>
<
telerik:RadSkinManager
ID
=
"rsm1"
runat
=
"server"
ShowChooser
=
"true"
></
telerik:RadSkinManager
>
<
telerik:RadWindow
ID
=
"rw1"
runat
=
"server"
Width
=
"300"
Height
=
"300"
Top
=
"50"
Left
=
"50"
VisibleOnPageLoad
=
"true"
>
<
ContentTemplate
>
<
telerik:RadButton
ID
=
"rb1"
runat
=
"server"
Text
=
"Button"
></
telerik:RadButton
>
<
telerik:RadButton
ID
=
"RadButton2"
runat
=
"server"
Text
=
"Button Pressed"
></
telerik:RadButton
>
</
ContentTemplate
>
</
telerik:RadWindow
>
<
telerik:RadButton
ID
=
"RadButton1"
runat
=
"server"
Text
=
"Button"
></
telerik:RadButton
>
</
form
>
</
body
>
</
html
>
Attached is ButtonIE9.gif showing the result with pressed button in IE9.
Kind regards,
Bojo
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.
0
Dan Lehmann
Top achievements
Rank 1
answered on 18 Aug 2011, 02:42 PM
I think I figured it out.. I had switched the Document Mode to IE8 standards in the Developer Tools (F12 key). Buttons don't do this when in IE7 or IE9 standards.
Can you reproduce it when set to IE8 standards?
Thanks,
Dan
Can you reproduce it when set to IE8 standards?
Thanks,
Dan
0
Dan Lehmann
Top achievements
Rank 1
answered on 18 Aug 2011, 07:41 PM
Dug deeper. In my master page I have:
Is this compatibility mode supported by Telerik?
Thanks,
Dan
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"IE=7"
/>
Is this compatibility mode supported by Telerik?
Thanks,
Dan
0
Hi Dan,
Would you specify if you are testing with real IE8 or with IE9 in IE8 mode.
In our base CSS there is a fix for that flickering problem. If you are using IE9 with IE8 mode switched, the problem will exist, as the browser is detected as IE9 and not IE8 and the fix is not applied. I have tested my previous code with real IE8 browser and the issue does not exist. Also I have tested it with:
and again the issue is not reproducible. This meta tag forces the browser to render the page as it would be rendered in IE7, even if you are using IE8 or IE9.
Attached are two screenshots showing my test with real IE8 and real IE8 with the meta tag inserted.
Greetings,
Bojo
the Telerik team
Would you specify if you are testing with real IE8 or with IE9 in IE8 mode.
In our base CSS there is a fix for that flickering problem. If you are using IE9 with IE8 mode switched, the problem will exist, as the browser is detected as IE9 and not IE8 and the fix is not applied. I have tested my previous code with real IE8 browser and the issue does not exist. Also I have tested it with:
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"IE=7"
/>
and again the issue is not reproducible. This meta tag forces the browser to render the page as it would be rendered in IE7, even if you are using IE8 or IE9.
Attached are two screenshots showing my test with real IE8 and real IE8 with the meta tag inserted.
Greetings,
Bojo
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.
0
Dan Lehmann
Top achievements
Rank 1
answered on 19 Aug 2011, 02:43 PM
I am testing using fully patched IE 9 and Windows 7.
I was opening my radwindows differently than you and i was able to reproduce it in a small project: http://www.4shared.com/file/VZYTwqL6/MetaTagIE7.html
Open Default.aspx and click the link to open the radwindow. In the popup, if you click and hold the button hopefully you will see the issue I'm having.
I am going to remove that <meta> tag from my pages as the end user will likely be using IE9.
Edit:
FYI, in addition to the button appearance, that <meta> tag also caused other problems, mostly with layout.. padding and spacing between elements.. different widths of elements.. that kind of thing. Weird thing is it only seemed to get whacky with controls inside a radwindow where the parent had
I was opening my radwindows differently than you and i was able to reproduce it in a small project: http://www.4shared.com/file/VZYTwqL6/MetaTagIE7.html
Open Default.aspx and click the link to open the radwindow. In the popup, if you click and hold the button hopefully you will see the issue I'm having.
I am going to remove that <meta> tag from my pages as the end user will likely be using IE9.
Edit:
FYI, in addition to the button appearance, that <meta> tag also caused other problems, mostly with layout.. padding and spacing between elements.. different widths of elements.. that kind of thing. Weird thing is it only seemed to get whacky with controls inside a radwindow where the parent had
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"IE=7"
/>
0
Hello Dan,
Indeed, the described problem is reproduced under IE8 Standards, but not under IE8 browser. Currently I cannot suggest a workaround for this scenario. Nevertheless, the problem will be examined and we will notify you as soon as a viable solution is available.
Best wishes,
Slav
the Telerik team
Indeed, the described problem is reproduced under IE8 Standards, but not under IE8 browser. Currently I cannot suggest a workaround for this scenario. Nevertheless, the problem will be examined and we will notify you as soon as a viable solution is available.
Best wishes,
Slav
the Telerik team
Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>
0
Dan Lehmann
Top achievements
Rank 1
answered on 24 Aug 2011, 02:03 PM
Thanks,
Interesting that it is not reproducible in the real IE8.. Anyways, I have removed the meta tag from the pages I was having trouble with so it is no longer an issue with me.
Dan
Interesting that it is not reproducible in the real IE8.. Anyways, I have removed the meta tag from the pages I was having trouble with so it is no longer an issue with me.
Dan