The RadRotator control is designed to scroll items with the same size, otherwise an unexpected behavior may occur, as the one that you have experienced. You can consider using any of the following approaches in order to implement the desired scenario:
1. Populate the RadRotator with items that have equal width. This way the animation speed will always be the same.
2. Use the client event of the RadRotator OnClientItemShown
in order to change the Scroll Duration, depending on the width of the currently displayed item. This can be achieved via the client method set_scrollDuration
of the rotator control, described in this help article
3. Use the RadTicker
control instead, which is quite useful for displaying horizontal lines of text.
As for the second RadRotator on your page, please ensure that there is enough space in the viewport for displaying the content of the rotated item and that the properties Width
are specified. The help article How to configure RadRotator
will give you useful information for setting a properly functioning RadRotator control on your page.
Note that I am not aware of the exact setup of the second rotator control. If you are still unable to resolve the problem, please open a regular support
ticket and send a sample, runnable project that isolates the issue
so that we can examine it locally and provide a more to the point answer.
the Telerik team
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 their blog feed