RadToolTipManager is not rendering to correct Positio

3 posts, 1 answers
  1. Savan
    Savan avatar
    26 posts
    Member since:
    Oct 2007

    Posted 29 Apr 2009 Link to this post


    I am using RadToolTipManager in sharepoint web part with SPGridView & Ajax.
    on gridView_RowDataBound, I am adding controls in RadToolTipManager 

    void gridView_RowDataBound(object sender, GridViewRowEventArgs e)
                    if (e.Row.RowType == DataControlRowType.DataRow)
                        string ID = DataBinder.Eval(e.Row.DataItem, "ID").ToString();
                        Label lbl = (Label)e.Row.FindControl("lblFieldName");
                        RadToolTipManager1.TargetControls.Add(lbl.ClientID, ID, true);
                catch(Exception ex)


    This is my first column in Grid.
    So when I hover mouse on the first column. ToolTip is appearing.
    But only problem is that, When I hove mouse first time on column,
    ToolTip appear on Left Bottom position relative to page and not with grid column.

    But next time it will appear at correct position. i.e. On First Grid Column.
    This is my code, how I added RadToolTipManager in web part

                    RadToolTipManager1 = new RadToolTipManager();
                    RadToolTipManager1.AjaxUpdate += new ToolTipUpdateEventHandler(RadToolTipManager1_AjaxUpdate);
                    RadToolTipManager1.RelativeTo = ToolTipRelativeDisplay.Mouse;
                    RadToolTipManager1.Position = ToolTipPosition.BottomRight;               
                    RadToolTipManager1.HideEvent = ToolTipHideEvent.ManualClose;

    Please reply,

  2. Answer
    Svetlina Anati
    Svetlina Anati avatar
    2795 posts

    Posted 04 May 2009 Link to this post

    Hi Savan,

    I am not completely sure what might be causing the problem but I assume that one possible reason could be that you have not provided explicit size to the RadToolTipManager. If this is so, it is expected that the first time the tooltip cannot position correctly because the manager cannot predict how large the content should be and tries to resize according to it. Next time the tooltip is shown, the manager is already aware of the size of the content and that is why the tooltip is positioned correctly. This being said, please set the width and height of the RadToolTipManager explicitly and test again whether this fixes the issue. If this is not the case, please prepare a sample reproduction demo (use Northwind or a fake data source for the grid), open a new support ticket and send it to me along with detailed reproduction steps, explanations and a few screenshots and I will do my best to help.

    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. Bieters Bieters
    Bieters Bieters avatar
    10 posts
    Member since:
    May 2010

    Posted 31 May 2010 Link to this post

    I recieved this via support. Maybe helpful for somebody else:

    Put this on RadTooltipManager control:
    Width="50px" OnClientResponseEnd="TooltipResponseRecieved"

    Add this javascript code to the page:
    function TooltipResponseRecieved(tooltipMngr, args) {
                var current = Telerik.Web.UI.RadToolTip.getCurrent();
                if (current) {
                    var popupElement = current.get_popupElement()
                        popupElement.style.width = "";     
                    var tableElement = current._tableElement;
                    if (tableElement) {
                        tableElement.style.width = "";
Back to Top