This is a migrated thread and some comments may be shown as answers.

Vertical rotator and vertical scroll problem

1 Answer 36 Views
Rotator
This is a migrated thread and some comments may be shown as answers.
maha
Top achievements
Rank 1
maha asked on 19 Jul 2010, 09:24 AM
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?

1 Answer, 1 is accepted

Sort by
0
Accepted
Pero
Telerik team
answered on 21 Jul 2010, 04:24 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Rotator
Asked by
maha
Top achievements
Rank 1
Answers by
Pero
Telerik team
Share this question
or