RadButton looks broken in IE when pressed

8 posts, 0 answers
  1. Dan Lehmann
    Dan Lehmann avatar
    103 posts
    Member since:
    May 2011

    Posted 17 Aug 2011 Link to this post

    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
  2. Bozhidar
    Admin
    Bozhidar avatar
    677 posts

    Posted 18 Aug 2011 Link to this post

    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.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Dan Lehmann
    Dan Lehmann avatar
    103 posts
    Member since:
    May 2011

    Posted 18 Aug 2011 Link to this post

    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
  5. Dan Lehmann
    Dan Lehmann avatar
    103 posts
    Member since:
    May 2011

    Posted 18 Aug 2011 Link to this post

    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
  6. Bozhidar
    Admin
    Bozhidar avatar
    677 posts

    Posted 19 Aug 2011 Link to this post

    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.

  7. Dan Lehmann
    Dan Lehmann avatar
    103 posts
    Member since:
    May 2011

    Posted 19 Aug 2011 Link to this post

    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" />
  8. Slav
    Admin
    Slav avatar
    1355 posts

    Posted 24 Aug 2011 Link to this post

    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 >>

  9. Dan Lehmann
    Dan Lehmann avatar
    103 posts
    Member since:
    May 2011

    Posted 24 Aug 2011 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017