<p><asp:Button ID="rightButton" runat="server" Text="Right" /> | <asp:Button ID="leftButton" runat="server" Text="Left" /></p> |
<p><a href="javascript:void(0);" onclick="$find('<%=RadRotator1.ClientID%>').showNext(Telerik.Web.UI.RotatorScrollDirection.Right);">Right</a> | <a href="javascript:void(0);" onclick="$find('<%=RadRotator1.ClientID%>').showNext(Telerik.Web.UI.RotatorScrollDirection.Left);">Left</a></p> |
<telerik:RadRotator ID="RadRotator1" runat="server" Height="300px" Width="500px" ItemHeight="300px" ItemWidth="500px" RotatorType="SlideShowButtons" ScrollDirection="Left,Right" SlideShowAnimation-Type="fade"> |
<ItemTemplate> |
<%# Eval("Name")%> |
</ItemTemplate> |
<ControlButtons LeftButtonID="leftButton" RightButtonID="rightButton" /> |
</telerik:RadRotator> |
I have the above code on a test page attempting to test out the Rotator functionality and I found this functionality to be a little peculiar. When using the ControlButtons method of progressing the slides, it's working as expected. However, if I use the corresponding JavaScript method the slides go in reverse.
For instance, the leftButton moves the slides to the left as expected. But the showNext(Telerik.Web.UI.RotatorScrollDirection.Left) Javascript method will move the slides to the right.
This is obviously not a show stopper or anything, but I figured I'd let you guys know.