Vertical rotator and vertical scroll problem

2 posts, 1 answers
  1. maha
    maha avatar
    44 posts
    Member since:
    Jun 2010

    Posted 19 Jul 2010 Link to this post

    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?
  2. Answer
    Pero
    Admin
    Pero avatar
    1156 posts

    Posted 21 Jul 2010 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top