RadRotator Shifting Image a Few Pixels

2 posts, 0 answers
  1. SorinC
    SorinC avatar
    11 posts
    Member since:
    Nov 2009

    Posted 26 Oct 2012 Link to this post

    Hi All,
    We upgraded to the new version 2012.3.1016 of Telerik controls only to notice that, every time a new image is shown by the rotator, it shifts a few pixels to the left. First, we noticed the problem in IE, while FF was fine. The quick fix was to increase the size of the control by one pixel on all each side (left, right, top and bottom). That solved it for IE, but now the same problem appeared in FF.

    Here is the code:
        ID="AdRadRotator" runat="server" Width="220px" ItemWidth="218px" ForeColor="White"
        Height="290" ItemHeight="288" FrameDuration="5000" EnableRandomOrder="true"
        RotatorType="SlideShow" EnableEmbeddedSkins="false" WrapFrames="true">
            <table cellspacing="0" cellpadding="0" width="100%">
                        <a href="<%# Eval("DocURL")%>" target='_new'>
                            <img border="0" alt="" src="../../Member/Common/DisplayAd.aspx?id=<%# Eval("ImgID")%>&Type=A"
                                width="<%# Eval("ImgWidth")%>" height="<%# Eval ("ImgHeight")%>" />

    As you can see from the attributes, the fix for IE was to set the Width of the control to 220px, while keeping ItemWidth at 218px, which is the size of the image. Similarly for Height and ItemHeight (this may not have been necessary, but I wanted to have an even border around the image. Later I set the foreground to white and the border disappeared).

    This seems to be a bug in the new version of the DLLs. The question for the Telerik team is whether a quick fix exists for both IE and FF, or do we have to roll back to the previous DLLs.

  2. SorinC
    SorinC avatar
    11 posts
    Member since:
    Nov 2009

    Posted 29 Oct 2012 Link to this post

    Never mind, I found the solution in another post: http://www.telerik.com/community/forums/aspnet-ajax/rotator/q3-2012-adds-border.aspx. Adding .rrClipRegion{border:none !important;} to the style sheet for the page solved the problem.
  3. DevCraft R3 2016 release webinar banner
Back to Top