Smooth Scrolling and text blurring

[Richard]

I am trying to get my rotator to scroll a line of text horizontally across the bottom of the screen at a constant smooth speed without stopping.

The code below is the closest i have gotten it so far but the frame transition starts off quick and slows down so the end result is a jerking motion.

<telerik:RadRotator ID="RadRotator1" runat="server" FrameDuration="0" SlideShowAnimation-Type="None" ScrollDuration="10000" Width="100%" Height="20px">
<ItemTemplate>
<b><%#DataBinder.Eval(Container.DataItem, "NewsHeadline")%></b>&nbsp;&nbsp;<%#DataBinder.Eval(Container.DataItem, "NewsSummary")%>&nbsp;&nbsp;
</ItemTemplate>
</telerik:RadRotator>

The other issue i have with the rotator is when i have bolded the headline items, after the first frame the bold headings get blurred and hard to read. The regular text also seems to be a little too flickery, i have tried various fonts etc but can't seem to fix it.

[Fiko]

Hi Jeff,

I reference to your questions :

We suggest you make the following changes in the rotator's setup in order to avoid the first issue :

• you need to specify two additional parameters in the RadRotator's declaration - ItemWidth and ItemHeight, according to the size of the showed items
• the RadRotator control does not support values in percent and you need to use fixed values in its declaration
• we recommend you use the "1" instead of "0" as a value of the FrameDuration property. The value is in millisecond and the behavior of the control will be the same.

In reference to the second issue :
We are aware with that behavior under IE. This is a browser specific behavior and fortunately this workaround works and you can use it in order to avoid the issue.

Kind regards,
Fiko
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Richard]

Thanks, the blurred items was fixed with your linked solution.

However the primary issue with the scrolling behaviour is still there. I added the properties you suggested but can't see how they would fix the issue.

Sorry if i was unclear but I would like the multiple items to scroll past in one motion, without stopping or slowing down for each item at all. (like a tv news show)

[Fiko]

Hi Jeff,

In the newer versions - released in 2009, we used jQuery animations in the RadRotator control. The implemented scrolling animation, however, works as you point in your post : one items is shown, then the rotation stops and then the next item appears. For the time being this behavior cannot be overridden and as I mentioned in my previous reply, I suggest you use the FrameDuration property with a positive value ('1' instead of '0' in your case).

Regards,
Fiko
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Dave Friedel]

I understand that jQuery does not offer this... but add another who "wishes" this to be available.  Yes, I set the settings to what you outlined, but it does not come close to replicating the bloomberg feed look I (and the other developer) are after.

regards,

Dave

[Fiko]

Hello Dave,

The new implementation of the RadRotator control works with this animation and for the time being this behavior cannot be changed. We logged it in our ToDo list and we will do our best to change it in one of the future releases of the control. 

Greetings,
Fiko
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.