RadRotator Issues

[Brett]

I am having a few select issues with the RadRotator control from the Telerik RadControls.  One problem I am having is it is not displaying in FireFox at all whatsoever  Another issue I am having is that the RadRotator does not display correctly 100% of the time in Internet Explorer, more like 95% of the time.  Another issue that I have is that it doesn't always animate like I intend to, it animates more like 80% of the time.  Below I have included code to show what I have.  Please let me know if there is anything that I am doing wrong.  I have also included a link for you to take a look at.  It is located at http://prgj.thewallstbulls.com.  Thank you!

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="ImageRotator.ascx.vb" Inherits="ImageRotator" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<div id="scrollingImages">
    <telerik:RadRotator ID="RadRotator1" runat="server" FrameDuration="4000" SlideShowAnimation-Duration="1000"
                            Width="100%" ItemWidth="100%" Height="400px" PauseOnMouseOver="true" ItemHeight="400px" ScrollDirection="Left">
                    <Items>
                        <telerik:RadRotatorItem ID="item1" runat="server" >
                            <ItemTemplate>
                                <asp:Image ID="Image1" runat="server"  ImageUrl="~/images/managedservices2.jpg" />
                            </ItemTemplate>
                         </telerik:RadRotatorItem>
                         <telerik:RadRotatorItem ID="item2" runat="server" >
                            <ItemTemplate>
                                <asp:Image ID="Image2" runat="server"  ImageUrl="~/images/managedservices2.jpg" />
                            </ItemTemplate>
                         </telerik:RadRotatorItem>
                         <telerik:RadRotatorItem ID="item3" runat="server" >
                            <ItemTemplate>
                                <asp:Image ID="Image3" runat="server"  ImageUrl="~/images/managedservices2.jpg" />
                            </ItemTemplate>
                         </telerik:RadRotatorItem>
                    </Items>
                </telerik:RadRotator>
</div>

[Brett]

Another question that I have is, how would I have a hyperlink included in these images?

[Marin Bratanov]

Hi Brett,

You can sometimes get an unexpected behavior in the Rotator when

• There is not enough data to fill up the viewport (too small images, too short XML datasource, etc.)
• There is a discrepancy between it settings

Please note that:

• In you case you have not defined the rotator type (for which I assumed "AutomaticAdvance") but use the SlideShowAnimation-Duration property which should only be used if the type is explicitly set to SlideShow
• Also it is recommended to set the ScrollDuration property for better control of the effect.
• Setting the ItemWidth do 100% will limit the viewport to only one image at a time, so instead of a smooth scroll you will get a blink as the previous image is removed from view.

As for your second question - to add a hyperlink to the rotator item simply wrap the item in an anchor tag. For example:

<ItemTemplate>
      <a href="http://google.com/" target="_blank">
                <asp:Image ID="Image1" runat="server"  ImageUrl="~/images/thumb1_large.jpg" />
      </a>
</ItemTemplate>

Greetings,
Marin
the Telerik team