Here is the code I have. Thanks in advance
div class="rotator_mainimage" style="height: 344px; margin-top: 14px">
<div style="width: 90%">
<telerik:RadRotator ID="NewsRotator" runat="server" DataSourceID="xmlDataSource1"
RotatorType="Buttons" ScrollDirection="Up, Down" Height="351px"
Width="403px" BorderStyle="None" style="margin-top: 0px"
<div class="rotator_eventtitle" style="text-align: left">
<div class="rotator_eventdetails" style="text-align: left">
<div class="rotator_eventdetails_url" style="text-align: left">
<a href='<%# Xpath("EventDetailsURL") %>' target="_blank">
<asp:XmlDataSource ID="xmlDataSource1" runat="Server" DataFile="~/App_Data/NewsRotator.xml"></asp:XmlDataSource>
6 Answers, 1 is accepted
Here is the code to get this to work:
Note the background-color: Transparent;, that is the key here. :)
Here's the rotator I used to test:
It's nice when you figure something out on a Friday afternoon. ;D
I'm still having this problem, but in a slightly specific situation. I have tried Q2 and Q3 controls and they act the same.
In IE7 (not firefox) the second and subsequent frames of the rotator change to white, BUT only when my rotator is set to either...
If it set it to "None" it works fine.
Here is my rotator code...
I am not quite sure what exactly do you mean when you say "frames of the rotator change to white". I have tried your code and I cannot see white frames in RadRotator control.
Could you please provide more information about the issue or open a new support ticket and send me a simple demo project where I can observe the problem? Once I have a better view over your setup, I will do my best to help.
the Telerik team
I have played a little more so I can better explain the situation.
Using the code below it seems that when the rotator is set to eithe SlideShowAnimation-Type="Fade" or SlideShowAnimation-Type="Pulse" the rotators 2nd and susequent frames "cut" through to the body's background image to the background colour. Try changing the body's background colour.
If you set the rotator to SlideShowAnimation-Type="None", it works as expected with the background image behind all frames.
Thank you for the clarification - now I was able to reproduce the problem. This behavior is browser specific and with the current animation mechanism it is not possible to override it. The good news is that we are currently reworking the RadRotator's animations and we are implementing the jQuery effects in it. The new feature will be available in the middle of March with the Q1 2009 version of the controls.
the Telerik team