RadRotator does not display in Mozilla Firefox

2 posts, 0 answers
  1. Brett
    Brett avatar
    72 posts
    Member since:
    Mar 2012

    Posted 08 Mar 2011 Link to this post

    RadRotator does not display in Mozilla Firefox at all no matter what I do.  Please tell me what could be the problem.  I am doing a test so I am using 3 of the same image to get it to work.  It works in Internet Explorer 85% of the time...most of the time the animation starts right up and moves the images over to the left, sometimes the image just stays there as if it is a regular image.  On another note, I try to add code that another thread suggested and it still does not work.  I can even show a link where the page is if need be.  I have the RadRotator in a User Control and below is the code:

    <%@ 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" WrapFrames="true"  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>
  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 10 Mar 2011 Link to this post

    Hi Brett,

    I have answered your question in the other ticket you posted, but for your convenience I am pasting the reply below:

    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
    Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top