RadRotator IE7 position issue

2 posts, 0 answers
  1. Pete
    Pete avatar
    25 posts
    Member since:
    Jun 2008

    Posted 09 Feb 2010 Link to this post

    Hi,

    I have a problem with RadRotator in IE7. Rotator is placed inside a table cell and the table (width:800px;height:450px) position is defined, so that it stays always in the middle of viewport using text-align:center and vertical-align:middle. When user resize the window then the rotator does not move (is not placed inside the table cell anymore) like it should and it falls out of its boundaries. See enclosed images. This works fine in IE8 and FF3. Can you tell me what I am doing wrong / is there any workaround for this behaviour?

    <asp:Content ID="cntNews" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">  
     
    <table style="height:100%; width:100%" cellpadding="0" cellspacing="0" border="0">  
        <tr> 
            <td style="background-image:url('Images/news2.png'); background-repeat:no-repeat; height:100%">  
                <table cellpadding="0" cellspacing="0" border="0" style="height:100%; width:100%">  
                    <tr> 
                        <td style="height:80%">  
                            <table cellpadding="0" cellspacing="0" border="1" style="width:100%; height:100%">  
                                <tr> 
                                    <td> 
                                    &nbsp;  
                                    </td> 
                                    <td style="height:300px; width:250px; text-align:left; vertical-align:top;">  
                                        <telerik:RadRotator ID="rrNews" runat="server" DataSourceID="sdsNews"   
                                                            Height="300px" ItemHeight="300" Width="250px" ItemWidth="250"   
                                                            ScrollDirection="Right" RotatorType="FromCode">  
                                            <ItemTemplate> 
                                                <div style="position:relative; top:0px; left:0px;">  
                                                    <%# DataBinder.Eval(Container.DataItem, "Text")%> 
                                                </div> 
                                            </ItemTemplate>    
                                        </telerik:RadRotator> 
                                    </td> 
                                </tr> 
                            </table> 
                        </td> 
                    </tr> 
                    <tr> 
                        <td class="MenuBarContainer">  
                            &nbsp  
                        </td> 
                    </tr> 
                    <tr> 
                        <td style="height:15%">  
                            &nbsp;  
                        </td> 
                    </tr> 
                </table> 
            </td> 
        </tr> 
    </table> 
    </asp:Content> 

    Regards,
    Pete
  2. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 12 Feb 2010 Link to this post

    Hello Pete,

    I used the provided code but I was not able to reproduce the problem on my side. Could you please rework my test project (attached to this thread) in order to replicate the issue, open a new support ticket and send it back? I will check it and do my best to provide a working solution as soon as possible.

    Regards,
    Fiko
    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