Vertical rotator and vertical scroll problem

[maha]

I have a ListView that contains a list of images.On image click i open a Radwindow:

<telerik:RadWindow runat="server" ID="Details"  NavigateUrl="hcitempage.aspx" Title=""   VisibleStatusbar="false"
                  Width="660px" Height="450px"  AutoSize="false" Behaviors="Close" ShowContentDuringLoad="false" CssClass="rwLoading"  ReloadOnShow="true"
                  Modal="true"   OnClientClose ="OnClientClose"  >
              </telerik:RadWindow>

And in my window i am placing at the left a vertical rotator I have the following code :

<form id="form1" runat="server" >
 <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
        <script type="text/javascript">
            function GetRadWindow() {
                var oWindow = null;
                if (window.radWindow) oWindow = window.radWindow;
                else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow;
                return oWindow;
            }

            function Close() {
                GetRadWindow().close();
            }


        </script>

  <div >
    <table >
  <tr valign="top" >
    <td >
    <table>

    <tr>

  <td style="width:50%;border:solid  1px #E4E4E4;font-family:Tahoma; font-size:10pt;"  valign="top">




      <asp:Label ID="Name" runat="server" Font-Size="12pt" style="color: #344850;" Font-Bold="true" ></asp:Label><br />
        <asp:Label ID="l1" runat="server" text="Price:" ></asp:Label>
        <asp:Label ID="Price" runat="server" ></asp:Label><br />
        <br />

     <asp:Label ID="l3" runat="server" Text="quantity:"></asp:Label><br />
      <asp:TextBox ID="qty" runat="server" Text="1" Width="92px"></asp:TextBox> <br />
      <br />
      <asp:Label ID="Label3" runat="server" Text="Size:"></asp:Label><br />  <asp:DropDownList ID="SizeList" runat="server">

           </asp:DropDownList>


         <br />
      <br />

     <asp:Label ID="Label2" runat="server" Text="Color:"></asp:Label><br /> <asp:DropDownList ID="colorList" runat="server"  >

           </asp:DropDownList>
      <asp:Label ID="details" runat="server" Text=""></asp:Label>




         <br />






         <br />
      <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="add-button.png"
           />
      <asp:Button ID="Button1" runat="server" Text="close" Visible="false"
          onclientclick="Close()"  />

  </td>
   <td valign="top" align="center" class="style1" >      <a   class="jqzoom" id="zoomed" runat="server"  ><img id ="small" runat="server"  height="225" width="250" style="border:none;"/></a>



  <asp:ImageButton ID="zoom" runat="server" ImageUrl="graphics/zoom.png" />

</td>
<td style="width:20%;" valign="top" align="center"  >
  <div dir="ltr" >
                   <table>
                                            <tr >

                                             <td ><img  style="position:static;"  id="rrButtonLeft1" alt=""  src="rotator/rotator_left_01.png"  /></td></tr>
                                           <tr >   <td >                                             <telerik:RadRotator ID="RadRotator1" runat="server" Height="200px" Width="30px" ScrollDirection="Up" Skin=""
                                                               RotatorType="ButtonsOver" ItemHeight="30px" ItemWidth="30px"
                                                                DataSourceID="XmlDataSource1"  ScrollDuration="350"
                                                                FrameDuration="800">
                                                                <ItemTemplate>
                                                                                                                                                        <img align="center" border="0" height="20" hspace="0" src='<%# XPath("src") %>' width="20" onclick="<%# XPath("link") %>"  />
                                                                                                                                                    </ItemTemplate>
                                                              <ControlButtons LeftButtonID="rrButtonLeft1" RightButtonID="rrButtonRight1" />
                                                </telerik:RadRotator></td></tr>
                                             <tr > <td ><img  style="position:static;"  id="rrButtonRight1" alt=""   src="rotator/rotator_righ_01.png"   /></td>
                                            </tr></table>
                                                 </div>

</td>
   </tr>
    </table>
    </td>
    </tr>
 </table>
   </div>
    </form>

My problem is that the window horizontal scroll appears when i have a vertical rotator even though it's width and item's width are very small as u can see in the image attached.. When i remove the rotator the window displays correctly without vertical scroll and when i put instead of the rotator a list of images with width and height 20 px also no vertical scroll..Is that a bug or am i missing something?

[Pero]

Hi Maha,

The problem seems to be caused by the fact that you have not correctly configured your rotator. You are setting ScrollDirection="Up", but on the other hand specifying control buttons for ScrollDirection Left and Right. When the ScrollDirection is set to "Up,Down" you need to provide control buttons for Up and Down, i.e. UpButtonID="rrButtonLeft1" DownButtonID="rrButtonRight1". Similarly, when ScrollDirection is set to "Left,Right", LeftButtonID and RightButtonID should be set.

Basically, what I did is specified ScrollDirection="Up,Down" and <ControlButtons UpButtonID="rrButtonLeft1" DownButtonID="rrButtonRight1" />, and the problem disappeared. For your convenience, I have attached the source code that I tested.

Sincerely yours,
Pero
the Telerik team