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

RadButton looks broken in IE when pressed

7 Answers 128 Views
Button
This is a migrated thread and some comments may be shown as answers.
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

7 Answers, 1 is accepted

Sort by
0
Bozhidar
Telerik team
answered on 18 Aug 2011, 09:51 AM
Hi Dan,

I do not experience such an issue with the following code:

<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
0
Dan Lehmann
Top achievements
Rank 1
answered on 18 Aug 2011, 07:41 PM
Dug deeper. In my master page I have:

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Is this compatibility mode supported by Telerik?

Thanks,
Dan
0
Bozhidar
Telerik team
answered on 19 Aug 2011, 07:52 AM
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:

<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
<meta http-equiv="X-UA-Compatible" content="IE=7" />
0
Slav
Telerik team
answered on 24 Aug 2011, 11:18 AM
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

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
Tags
Button
Asked by
Dan Lehmann
Top achievements
Rank 1
Answers by
Bozhidar
Telerik team
Dan Lehmann
Top achievements
Rank 1
Slav
Telerik team
Share this question
or