RadToolTip Out Position in IE

[Dai]

I try to user RadToolTip, in FF the tip is Normal, but in IE the content of tip is out of the container
This is my ASCX file

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="View_ShowPicture.ascx.cs" Inherits="hqdai.Modules.EO_Pictures.View_ShowPicture" %>
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register TagPrefix="cc1" Namespace="SiteUtils" Assembly="CollectionPager" %>
<link rel="stylesheet" href='/css/Shadow.css' media="screen" type="text/css"/><link rel="stylesheet" href='/css/Shadow.css' media="screen" type="text/css"/>
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <link rel="stylesheet" href='<%= FileLocation()%>/css/Shadow.css' media="screen" type="text/css"/>
</telerik:RadCodeBlock>
<asp:DataList ID="dlShowPic" runat="server" RepeatColumns=2>
    <ItemTemplate>
        <div class="img-shadow">
            <img id='<%# Eval("PicID")%>'  src='<%# getPicture(DataBinder.Eval(Container.DataItem, "Picture").ToString())%>'
                                height=70px />
        </div>
        <telerik:RadToolTip ID="RadToolTip1" runat="server"
                            TargetControlID='<%# Eval("PicID")%>'
                            Animation=Fade
                            Position=TopCenter
                            IsClientID="true"
                            BorderStyle="None"
                            Skin="Web20"
                            ContentScrolling="None">
            <table>
                <tr>
                    <td align="center">
                        <div class="img-shadow">
                            <img src='<%# getPictureThumb(DataBinder.Eval(Container.DataItem, "Picture").ToString())%>'  />
                        </div>
                    </td>
                </tr>
                <tr>
                    <td align="center">
                        <asp:Label ID="lblTitle" runat="server" Text='<%# Eval("Title")%>' CssClass="DNormalBold"></asp:Label>
                    </td>
                </tr>
            </table>

        </telerik:RadToolTip>
    </ItemTemplate>
</asp:DataList>

Display in FF and IE
I uploaded the photo in my spaces : Photo

[Svetlina Anati]

Hi Dai,

I built up a test demo based on your code. However, after I ran it in both IE7 and FF3, I could not see the loaded image because the tooltip did not get the necessary size. After I explicitly set Width and Height to the tooltip, everything started working as expected under both browsers.

Please, find attached my test demo and if it meets your requirements, set explicitly the size of the tooltip. If this is not what you want, please open a new support ticket and send us a sample, fully runnable reproduction demo along with detailed explanations of the actual and the desired behavior an we will do our best to help.

Best wishes,
Svetlina
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.