I have a rotator within a user control. The content size of the screen is being set via JavaScript with scroll bars turned on. The browser scroll bars are turned off so not to confuse the user with two sets. The images within the rotator work just fine except for one major issue. The image “hovers” over the page and does not position itself within the rotator. Only when the browser scroll bars are active and the content scroll bars are turned off does the image behave correctly. Attached is the code and any assistance would be greatly appreciated.
<telerik:RadRotator ID="thumbRotator" runat="server" RotatorType="ButtonsOver" Height="120px" Width="600px" ItemHeight="120px" ItemWidth="150px" FrameDuration="1" ScrollDuration="500" ScrollDirection="Left,Right" EnableEmbeddedSkins="false" OnItemClick="ShowImage"> |
<ItemTemplate> |
<div style="text-align:center; padding:20px;"> |
<asp:Image ID="imgRotator" runat="server" Height="50px" Width="50px" ImageUrl='<%# DataBinder.Eval(Container.DataItem,"Source") %>' /> |
<br /> |
<%# DataBinder.Eval(Container.DataItem, "TypeDescription")%> |
<br /> |
(<%# DataBinder.Eval(Container.DataItem, "Size")%>) |
</div> |
</ItemTemplate> |
<ControlButtons LeftButtonID="img_left" RightButtonID="img_right" /> |
</telerik:RadRotator> |