This is a migrated thread and some comments may be shown as answers.

Rotator Not working in Chrome

4 Answers 49 Views
Rotator
This is a migrated thread and some comments may be shown as answers.
Darren
Top achievements
Rank 1
Darren asked on 03 Sep 2013, 05:22 PM
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>



4 Answers, 1 is accepted

Sort by
0
Slav
Telerik team
answered on 06 Sep 2013, 10:50 AM
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.
0
Darren
Top achievements
Rank 1
answered on 06 Sep 2013, 08:02 PM
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()
0
Accepted
Slav
Telerik team
answered on 11 Sep 2013, 10:55 AM
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.
0
Darren
Top achievements
Rank 1
answered on 11 Sep 2013, 04:37 PM
It started working in Chrome when I added in the ItemWidth and ItemHeight. Thanks!
Tags
Rotator
Asked by
Darren
Top achievements
Rank 1
Answers by
Slav
Telerik team
Darren
Top achievements
Rank 1
Share this question
or