This is a migrated thread and some comments may be shown as answers.
RadRotator Shifting Image a Few Pixels
1 Answer 12 Views
This is a migrated thread and some comments may be shown as answers.
SorinC
Top achievements
Rank 1
SorinC asked on 26 Oct 2012, 03:17 PM
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:
<telerik:RadRotator
    ID="AdRadRotator" runat="server" Width="220px" ItemWidth="218px" ForeColor="White"
    Height="290" ItemHeight="288" FrameDuration="5000" EnableRandomOrder="true"
    RotatorType="SlideShow" EnableEmbeddedSkins="false" WrapFrames="true">
    <ItemTemplate>
        <table cellspacing="0" cellpadding="0" width="100%">
            <tr>
                <td>
                    <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")%>" />
                    </a>
                </td>
            </tr>
        </table>
    </ItemTemplate>
</telerik:RadRotator>

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.

Thanks.

1 Answer, 1 is accepted

Sort by
0
SorinC
Top achievements
Rank 1
answered on 29 Oct 2012, 12:51 PM
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.
Asked by
SorinC
Top achievements
Rank 1
Answers by
SorinC
Top achievements
Rank 1
Share this question
or