Rotator Not working in Chrome

5 posts, 1 answers
  1. Darren
    Darren avatar
    72 posts
    Member since:
    Oct 2006

    Posted 03 Sep 2013 Link to this post

    I have a rotator that works in IE and Firefox but doesn't rotate in Chrome. The rotator just sits on the same frame.

    <telerik:RadRotator ID="rrWebSponsors" runat="server" ContentFile="sponsors/sponsors.xml" FrameTimeout="6000" TransitionType="Slideshow" FrameDuration="10000" PauseOnMouseOver="true" Height="125px" Width="125px" UseRandomSlide="true">
    <ItemTemplate>
    <a href='<%# DataBinder.Eval(Container.DataItem, "url") %>' target='_blank'>
    <img src='sponsors/<%# DataBinder.Eval(Container.DataItem, "filename") %>' alt=''  style='border: 0px;' /></a>
    </ItemTemplate>
    </telerik:RadRotator>



  2. Slav
    Admin
    Slav avatar
    1356 posts

    Posted 06 Sep 2013 Link to this post

    Hello Darren,

    Some of the properties that can be examined in your setup are not available in the RadRotator:
     - ContentFile;
     - FrameTimeout;
     - TransitionType;
     - UseRandomSlide;

    Please ensure that you are indeed using the RadRotator for ASP.NET AJAX and that you have not introduced modifications to the control that are affecting its functionality.

    You can check the properties of the control in this help article. Examining the article How to configure RadRotator is also recommended as the rotator has some properties that need to be set in order for the control to behave consistently in the different browsers.

    Regards,
    Slav
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Darren
    Darren avatar
    72 posts
    Member since:
    Oct 2006

    Posted 06 Sep 2013 Link to this post

    Hi, I altered my code to the latest methods and it still does not auto advance in chrome - just IE, Firefox etc...

    <telerik:RadRotator ID="rrWebSponsors" runat="server"
                                            SlideShowAnimation-Type="CrossFade" FrameDuration="10000"
                                            Height="125px" Width="125px" RotatorType="AutomaticAdvance" WrapFrames="true">
                                            <ItemTemplate>
                                                <a href='<%# DataBinder.Eval(Container.DataItem, "url") %>' target='_blank'>
                                                    <img src='sponsors/<%# DataBinder.Eval(Container.DataItem, "filename") %>' alt=''
                                                        style='border: 0px;' /></a>
                                            </ItemTemplate>
                                        </telerik:RadRotator>


    Dim ds As New Data.DataSet
    ds.ReadXml(Server.MapPath("~/sponsors/sponsors.xml"))
    'get a pointer to the table, and add a column for random numbers
    Dim table As Data.DataTable = ds.Tables(0)
    table.Columns.Add("Random", GetType(Double))
    'create a new random number generator
    Dim random As New Random
    'add a random number to each row
    For Each row As Data.DataRow In table.Rows
        row("Random") = random.NextDouble
    Next
    table.DefaultView.Sort = "Random ASC"
    rrWebSponsors.DataSource = (table.DefaultView)
    rrWebSponsors.DataBind()
  5. Answer
    Slav
    Admin
    Slav avatar
    1356 posts

    Posted 11 Sep 2013 Link to this post

    Hello Darren,

    Please check the help article How to configure RadRotator, which was included in my previous post. It contains information that will help you configure the control correctly. For example, the properties ItemWidth and ItemHeight should be set to ensure that the rotator will behave consistently in the different browsers, so you need to add them in your setup.

    The property SlideShowAnimation takes effect only when the rotator type is set to SlideShow or SlideShowButtons.

    If you are still having difficulties after examining the information above, please send a simple, fully runnable sample that isolates your setup so that I can inspect it locally and suggest a concrete solution.

    Regards,
    Slav
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  6. Darren
    Darren avatar
    72 posts
    Member since:
    Oct 2006

    Posted 11 Sep 2013 Link to this post

    It started working in Chrome when I added in the ItemWidth and ItemHeight. Thanks!
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017