RadButton Repaint Issue with IE8 Compatibility View

3 posts, 0 answers
  1. John
    John avatar
    7 posts
    Member since:
    Sep 2009

    Posted 18 Nov 2010 Link to this post

    When running IE8 with Compatibility View mode the RadButton text is sometimes missing or distorted after scrolling out of view and back into view.  You can see this with some of the demos like the Split Button demo.


    Sometimes it repaints the text correctly after a couple of seconds. 

    Is there a workaround for this problem?
  2. Bozhidar
    Bozhidar avatar
    677 posts

    Posted 19 Nov 2010 Link to this post

    Hi John Landreth,

    This is a know issue, and could be reproduced even if you do not use RadButton. Applying border: 0 and overflow: visible to an input. Overflow visible is necessary to remove unwanted padding in IE6/7. If you want you could use the following code to avoid the unwanted distortion:

    .ie7buttondist .rbDecorated {overflow: hidden !important; }

    This additional class will remove the distortion, but you will also need to set the button width explicitly in order to remove the unwanted padding:
    <telerik:RadButton ID="RadButton1" runat="server" Text="Enable Html and Flash" Skin="Default"
            PressedCssClass="pressed" Width="165" CssClass="ie7buttondist">
            <Icon PrimaryIconCssClass="cbHtml" PrimaryIconLeft="4" PrimaryIconTop="4" SecondaryIconCssClass="cbFlash"
                SecondaryIconRight="4" SecondaryIconTop="4" />

    Kind regards,
    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.
  3. DevCraft R3 2016 release webinar banner
  4. John
    John avatar
    7 posts
    Member since:
    Sep 2009

    Posted 19 Nov 2010 Link to this post

    Thanks Bojo!  Your solution fixed the problem. 
Back to Top